Skip to content

Commit cf752f9

Browse files
author
Arjun Venkataswamy
committed
adds sol
1 parent fd399b9 commit cf752f9

File tree

2 files changed

+94
-0
lines changed

2 files changed

+94
-0
lines changed

css/styles.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.navbar {
2+
margin-bottom: 0;
3+
}

index_sol.html

Lines changed: 91 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,91 @@
1+
<html>
2+
<head>
3+
<title></title>
4+
<link rel="stylesheet" href="css/bootstrap.css">
5+
<link rel="stylesheet" href="css/styles.css">
6+
<script src="js/jquery.js"></script>
7+
<script src="js/bootstrap.js"></script>
8+
</head>
9+
<body>
10+
<nav class="navbar navbar-inverse navbar-static-top">
11+
<div class="container-fluid">
12+
<!-- Brand and toggle get grouped for better mobile display -->
13+
<div class="navbar-header">
14+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
15+
<span class="sr-only">Toggle navigation</span>
16+
<span class="icon-bar"></span>
17+
<span class="icon-bar"></span>
18+
<span class="icon-bar"></span>
19+
</button>
20+
<a class="navbar-brand" href="#">Brand</a>
21+
</div>
22+
23+
<!-- Collect the nav links, forms, and other content for toggling -->
24+
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
25+
<ul class="nav navbar-nav">
26+
<li class="active"><a href="#">Home <span class="sr-only">(current)</span></a></li>
27+
<li><a href="#">Link</a></li>
28+
<li><a href="#">Link</a></li>
29+
30+
</ul>
31+
32+
</div><!-- /.navbar-collapse -->
33+
</div><!-- /.container-fluid -->
34+
</nav>
35+
36+
<div class="jumbotron">
37+
<div class="container">
38+
<h1>Hello, world!</h1>
39+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam, pariatur magnam corporis nulla delectus nobis aut adipisci in ratione natus tenetur nam consectetur omnis aliquid inventore voluptates, praesentium atque nesciunt.</p>
40+
<p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
41+
</div>
42+
</div>
43+
44+
<div class="container">
45+
<div class="row">
46+
<div class="col-md-6">
47+
<h2>Subheading</h2>
48+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa amet fugiat, quo reiciendis, cumque labore fuga quae doloremque, hic veritatis vero. Eaque nemo sed reiciendis ea rerum corrupti. Temporibus, expedita!</p>
49+
</div>
50+
<div class="col-md-6">
51+
<div class="row">
52+
<div class="col-md-6">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus saepe natus reiciendis consequuntur vitae, provident sapiente qui non, ab quasi quis ipsam quas voluptatum accusantium officiis libero. Iusto, eaque, labore.</div>
53+
<div class="col-md-6">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi quo, excepturi sapiente accusantium aut, eius libero incidunt iusto sit rem atque nemo maxime explicabo dolorem beatae omnis soluta, aliquid unde.</div>
54+
</div>
55+
</div>
56+
</div>
57+
58+
<h2>Vanilla Ice</h2>
59+
60+
<div class="row">
61+
<div class="col-md-3">
62+
<div class="list-group">
63+
<a href="#" class="list-group-item active">
64+
<span class="badge">14</span>
65+
Cras justo odio
66+
</a>
67+
<a href="#" class="list-group-item"><span class="badge">14</span>Dapibus ac facilisis in</a>
68+
<a href="#" class="list-group-item"><span class="badge">14</span>Morbi leo risus</a>
69+
<a href="#" class="list-group-item"><span class="badge">14</span>Porta ac consectetur ac</a>
70+
<a href="#" class="list-group-item"><span class="badge">14</span>Vestibulum at eros</a>
71+
</div>
72+
</div>
73+
<div class="col-md-3">
74+
<a href="#" class="thumbnail">
75+
<img src="http://www.nicenicejpg.com/300/300" alt="vanilla ice">
76+
</a>
77+
</div>
78+
<div class="col-md-3">
79+
<a href="#" class="thumbnail">
80+
<img src="http://www.nicenicejpg.com/300/300" alt="vanilla ice">
81+
</a>
82+
</div>
83+
<div class="col-md-3">
84+
<a href="#" class="thumbnail">
85+
<img src="http://www.nicenicejpg.com/300/300" alt="vanilla ice">
86+
</a>
87+
</div>
88+
</div>
89+
</div>
90+
</body>
91+
</html>

0 commit comments

Comments
 (0)