-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
90 lines (79 loc) · 5.39 KB
/
about.html
File metadata and controls
90 lines (79 loc) · 5.39 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
83
84
85
86
87
88
89
90
<!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 class="active"><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">
<div class="w3-content w3-section">
<img class="mySlides" src="img/gray_wolf.jpg">
<img class="mySlides" src="img/arctic.jpg">
<img class="mySlides" src="img/eurasian.jpg">
<img class="mySlides" src="img/tamaskan.jpg">
<img class="mySlides" src="img/husky.jpg">
<img class="mySlides" src="img/eskimo.jpg">
</div>
</figure>
<p class="lead">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. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, inventore enim tenetur labore adipisci, pariatur molestiae dolores ipsum. In perspiciatis praesentium ratione ex tempore dolorum officiis quos quo deserunt sequi.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero dolores similique laboriosam accusantium minima, provident, laborum, corrupti culpa eveniet maxime possimus consequuntur necessitatibus molestiae totam quidem commodi ab illo deserunt!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut distinctio vel ex deserunt, laudantium tempore. A soluta, eius minima impedit? Excepturi, itaque odio officiis quasi eius omnis odit iure cum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste blanditiis adipisci tenetur accusantium excepturi praesentium, impedit neque non hic. Quia a totam explicabo laborum nemo deserunt tenetur aut voluptatem qui. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum blanditiis eum voluptatum cum, ullam iusto error tempora. Maxime, repellendus nam quisquam doloribus obcaecati aspernatur aut quibusdam autem cupiditate, in voluptatibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repudiandae modi exercitationem distinctio, aut consectetur maxime assumenda omnis ex? Voluptate minima quis quisquam accusantium itaque in quam excepturi magnam aut alias. J</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">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>
<script src="js/carousel.js"></script>
</body>
</html>