Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
hero.html 5.66 KiB
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
  <head>
4 
    <meta charset="utf-8">
5 
    <title>Bootstrap, from Twitter</title>
6 
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
    <meta name="description" content="">
8 
    <meta name="author" content="">
9
10 
    <!-- Le styles -->
11 
    <link href="../assets/css/bootstrap.css" rel="stylesheet">
12 
    <style type="text/css">
13 
      body {
14 
        padding-top: 60px;
15 
        padding-bottom: 40px;
16 
      }
17 
    </style>
18 
    <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
19
20 
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
21 
    <!--[if lt IE 9]>
22 
      <script src="../assets/js/html5shiv.js"></script>
23 
    <![endif]-->
24
25 
    <!-- Fav and touch icons -->
26 
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
27 
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
28 
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
29 
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
30 
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
31 
  </head>
32
33 
  <body>
34
35 
    <div class="navbar navbar-inverse navbar-fixed-top">
36 
      <div class="navbar-inner">
37 
        <div class="container">
38 
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
39 
            <span class="icon-bar"></span>
40 
            <span class="icon-bar"></span>
41 
            <span class="icon-bar"></span>
42 
          </a>
43 
          <a class="brand" href="#">Project name</a>
44 
          <div class="nav-collapse collapse">
45 
            <ul class="nav">
46 
              <li class="active"><a href="#">Home</a></li>
47 
              <li><a href="#about">About</a></li>
48 
              <li><a href="#contact">Contact</a></li>
49 
              <li class="dropdown">
50 
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
51 
                <ul class="dropdown-menu">
52 
                  <li><a href="#">Action</a></li>
53 
                  <li><a href="#">Another action</a></li>
54 
                  <li><a href="#">Something else here</a></li>
55 
                  <li class="divider"></li>
56 
                  <li class="nav-header">Nav header</li>
57 
                  <li><a href="#">Separated link</a></li>
58 
                  <li><a href="#">One more separated link</a></li>
59 
                </ul>
60 
              </li>
61 
            </ul>
62 
            <form class="navbar-form pull-right">
63 
              <input class="span2" type="text" placeholder="Email">
64 
              <input class="span2" type="password" placeholder="Password">
65 
              <button type="submit" class="btn">Sign in</button>
66 
            </form>
67 
          </div><!--/.nav-collapse -->
68 
        </div>
69 
      </div>
70 
    </div>