Ajax Loader
×

Untitled

HTML 
<!DOCTYPE html>
1
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <title>Geer Creations</title>
5
    <!-- Icon -->
6
    <link rel="shortcut icon" href="logo-inverse.ico" >
7
    <!-- Fonts -->
8
    <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>
9
        <!-- Bootstrap core CSS -->
10
        <link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet">
11
        <!-- Custom styles -->
12
        <link href="main.css" rel="stylesheet">  
13
  </head>
14
    <body>
15
    <div class="page">
16
      <div class="navbar navbar-default navbar-static-top">
17
        <div class="container">
18
          <div class="navbar-header">
19
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
20
              <span class="sr-only">Toggle navigation</span>
21
              <span class="icon-bar"></span>
22
              <span class="icon-bar"></span>
23
              <span class="icon-bar"></span>
24
            </button>
25
            <a class="navbar-brand" href="#"><img style="max-width:50px; margin-top: -7px;" src="http://i1284.photobucket.com/albums/a579/Ian_Geer/logo-inverse_zps3767ce84.png"></a>
26
          </div>
27
          <div class="collapse navbar-collapse" id=".navbar-ex1-collapse">
28
            <ul class="nav navbar-nav">
29
              <li class="active"><a href="#">Home</a></li>
30
              <li><a href="#">Browse</a></li>
31
              <li><a href="#">Contact</a></li>
32
            </ul>
33
            <ul class="nav navbar-nav navbar-right">
34
              <li><a href="#">Sign Up</a></li>
35
              <li><a href="#">Login</a></li>
36
            </ul>
37
          </div>
38
        </div>
39
      </div>
40
    </div>
41
    <div class="jumbotron">
42
      <div class="container">
43
        <h1>We combine strategy, creative thinking, & technology to drive results.</h1>
44
        <button type="button" class="btn btn-default btn-lg">Learn More</button>
45
      </div>
46
    </div>
47
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
48
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
49
    </body>
50
</html>
 
CSS 
 
1
 
2
 
3
body {
4
  font-family: 'Ubuntu', sans-serif;
5
}
6
.navbar {
7
  background-color: #fff;
8
  border: none;
9
  padding-top: 10px;
10
}
11
.navbar .nav {
12
  margin-top: 5px;
13
}
14
.navbar-default .navbar-nav > .active > a,
15
.navbar-default .navbar-nav > .active > a:hover,
16
.navbar-default .navbar-nav > .active > a:focus {
17
  color: #ff9721;
18
  background-color: #fff;
19
  font-weight: 700;
20
}
21
.navbar-default .navbar-nav > li > a {
22
  -webkit-transition: color .2s; /* For Safari 3.1 to 6.0 */
23
  transition: color .2s;
24
  color: #6E6E6E;
25
  background-color: transparent;
26
}
27
.navbar-default .navbar-nav > li > a:hover,
28
.navbar-default .navbar-nav > li > a:focus {
29
  -webkit-transition: color .2s; /* For Safari 3.1 to 6.0 */
30
  transition: color .2s;
31
  color: #ff9721;
32
  background-color: transparent;
33
}
34
h1 {
35
  color: #fff;
36
  text-align: center;
37
}
38
.jumbotron {
39
  padding-top: 190px;
40
  padding-bottom: 173px;
41
  margin-right: auto;
42
  margin-left: auto;
43
  width: 100%;
44
  background-color: #170D00;
45
  color: #fff;
46
  text-align: center;
47
   margin-bottom:0;
48
}
49
.jumbotron h1 {
50
  font-size: 3em;
51
}
52
.form-control {
53
  margin-top: 5px;
54
  border-radius: 20px;
55
}
56
.btn {
57
  -webkit-transition: color .5s, border .5s; /* For Safari 3.1 to 6.0 */
58
  transition: color .5s, border .5s;
59
  margin-top: 50px;
60
  color: #fff;
61
  background-color: transparent;
62
  border: 2px solid #fff;
63
  width: 220px;
64
}
65
.btn:hover,
66
.btn:focus {
67
  -webkit-transition: color .5s, border .5s; /* For Safari 3.1 to 6.0 */
68
  transition: color .5s, border .5s;
69
  margin-top: 50px;
70
  color: #ff9721;
71
  background-color: transparent;
72
  border: 2px solid #ff9721;
73
  width: 220px;
74
}
 

Untitled

CSSDeck G+