second/first.html at master · kimerahan/second · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE HTML>
<html lang = "en">
	<head>
	<title>BootStrap Page</title>
	 <meta  charset =" utf-8" name="viewport" content="width=device-width, initial-scale=1.0">     <!--initial scale helps to resize to all devices-->
	    <link href="css/bootstrap.min.css" text="text/css" rel="stylesheet">
	    <link href="css/custom.css" text="text/css" rel="stylesheet">
	   <script  src ="js/jquery-1.9.0.js" type="text/javascript"></script>
	    <script  src ="js/bootstrap.min.js" type="text/javascript"></script>
	</head>
	<body>
</br>
</br>

<div class= "jumbotron">

 <ul class="nav nav-tabs navbar-fixed-top">
 <li ><a href="project.html">Home</a></li>
   <li class="active"><a href="first.html">First</a></li>
    <li><a href="second.html">Second</a></li>
      <li><a href="third.html">Third</a></li>
      <li class="dropdown">
        <a class="dropdown-toggle" data-toggle="dropdown" href="forth.html">
          Fourth <span class="caret"></span>
              </a>
          <ul class="dropdown-menu">
                         <li><a href="#">one</a></li>
                          <li><a href="#">two</a></li>
                          <li><a href="#">three</a></li>
                          <li><a href="#">Four</a></li>
                          <li class="divider"></li>
                           <li><a href="#">Separated link</a></li>
               </ul>
       </li>
                       <li><a href="fifth.html">Fifth</a></li> </ul>
</div>

 <div class ="jumbotron imagesize col-md-offset-2" >
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="wow.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="wp.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    <div class="item">
      <img src="wow.jpg" alt="...">
      <div class="carousel-caption">
        ...
      </div>
    </div>
    ...
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
 </div>

<script type="text/javas
cript"></script>
</body>
</html>