diff --git a/css/index.css b/css/index.css index 0c9959c1e5..03cf27adc9 100644 --- a/css/index.css +++ b/css/index.css @@ -1,3 +1,94 @@ -/* Use your own code or past solution for Great Idea Web Page CSS here! */ +body{ + padding:70px; +} +.navbar-inverse{ + background:#B22222; +} +.navbar-inverse .navbar-nav>li>a { + color:white; +} + +.navbar-inverse .navbar-brand { + color:white; +} + +li a{ + font-style:'Courier Prime', monospace; +} + +html{ +height: 100%; +} + + +li:hover{ + background:springgreen; +} + +.rnav{ + font-family: 'dimitriregular'; +} + + +.nav-link{ + margin-right :193px; +} + +body{ + background: url(https://images.unsplash.com/photo-1541728472741-03e45a58cf88?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=889&q=80); + background-repeat:repeat; + background-size:cover; +} + +.jumbotron{ + padding-bottom: 500px; + margin-top: 20px; + margin-left: 200px; + margin-right: 200px; +} + +.col-md-12{ + background-color: rgba(255,255,255,.9); +} + + +#content{ + text-align:center; + padding-top:25%; + +} + + +h1{ +color:green; +font-weight: 700; +font-size:10em; +font-family:'dimitriregular'; + +} + + +h3{ + color:rgb(17, 16, 16); + font-weight: 500; + font-family:'stellaregular'; + font-style:italic; + font-size: 30px; + } + +hr{ + width:400px; + border-top:1px solid #f8f8f8; + border-bottom:1px solid rgba(0,0,0,0.2); + max-width: 90%; +} + +.btn-default{ +background:rgb(231, 197, 5); +} + +.btn-default:hover{ + background:springgreen; +} diff --git a/index.html b/index.html index 476b4b8cb9..265f2cf688 100644 --- a/index.html +++ b/index.html @@ -1,16 +1,94 @@ - - + - - Great Idea - Responsive I + + + + New One + + + + + + + - - - - + + + + + +
+
+
+ +
+

Fsociety

+

Welcome To Fsociety

+
+ + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ + + + + + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000000..5ddddac9d8 --- /dev/null +++ b/index.js @@ -0,0 +1,11 @@ +$("h1").on("mouseover",function(){ + $(this).css("color","red") +}) + +$("h1").on("mouseout",function(){ + $(this).css("color","blue") +}) + +$("h3").click(function(){ + alert("DANGER AHEAD !!!!") +}) \ No newline at end of file