-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgray.html
More file actions
82 lines (72 loc) · 3.73 KB
/
gray.html
File metadata and controls
82 lines (72 loc) · 3.73 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Capstone 1</title>
<link rel="stylesheet" href="./css/bootstrap.css" >
<link rel="stylesheet" href="./css/bootstrap-theme.css">
<link rel="stylesheet" href="./css/style.css" >
<link rel="stylesheet" type="text/css" href="./css/w3.css">
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">WebSight</a>
</div>
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
<main class="container-fluid text-justify">
<div class="row">
<div class="page-header">
<h1><span class="glyphicon glyphicon-book"></span> About</h1>
</div>
</div>
<div class="row">
<div class="col-md-9 col-xs-12">
<figure class="margin-b-2">
<img class="img-responsive" src="img/gray_wolf.jpg" alt="Gray Wolf">
</figure>
<h2>Gray Wolf</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat distinctio illo, molestias expedita vel vero harum facere sunt at nostrum laudantium magni animi quae repellendus ut dolorum, assumenda architecto praesentium! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque non beatae voluptatem, voluptas neque, officia hic, optio in blanditiis tempore dolorum. Nobis assumenda sequi, non. Porro, nihil quia modi alias. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam non, obcaecati, consequuntur accusamus minus doloribus autem corrupti? Voluptatem corporis, dolore tempora sit fuga perferendis eum laboriosam iste, nesciunt, sint corrupti! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore illo totam provident quos blanditiis officiis mollitia ex eveniet cupiditate ratione, in quisquam, esse id veritatis nihil? Amet quisquam, repellat beatae.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam illum voluptates optio error in laudantium, pariatur ratione quaerat fugiat et ducimus culpa. Laborum reprehenderit libero fugit adipisci voluptas, architecto repudiandae. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor nostrum illum assumenda nulla, est cum et, sit? Ullam quasi necessitatibus laborum facere est iusto assumenda illo atque obcaecati, sequi recusandae. h</p>
</div>
<div class="col-md-3 col-xs-12">
<div class="panel panel-primary">
<div class="panel-heading">
<h4><span class="glyphicon glyphicon-tags"></span> Blog Post</h4>
</div>
<div class="panel-body">
<div class="list-group">
<a href="gray.html" class="list-group-item active">Gray Wolf</a>
<a href="arctic.html" class="list-group-item">Arctic Wolf</a>
<a href="eurasian.html" class="list-group-item">Eurasian Wolf</a>
<a href="tamaskan.html" class="list-group-item">Tamaskan</a>
<a href="husky.html" class="list-group-item">Siberian Husky</a>
<a href="eskimo.html" class="list-group-item">Canadian Eskimo</a>
</div>
</div>
</div>
</div>
</div>
</main>
<hr>
<footer class="container-fluid">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<p class="fot"><small>Copyright © 2017 | Scott Summer</small></p>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>