-
Notifications
You must be signed in to change notification settings - Fork 22
/
quotes.html
96 lines (87 loc) · 5.12 KB
/
quotes.html
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
91
92
93
94
95
96
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Quotes</title>
<link rel="icon" href="https://png.icons8.com/color/48/000000/quote.png" type="image/png" sizes="16x16 32x32">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0" />
<link href="https://fonts.googleapis.com/css?family=Anton|Lobster|Pacifico|Yanone+Kaffeesatz|IBM+Plex+Serif" rel="stylesheet">
<!-- Style Sheets -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<!-- Custom Style Sheets -->
<link rel="stylesheet" type="text/css" href="assets/css/custom_style.css">
<link rel="stylesheet" href="assets/css/quotes.css">
</head>
<body>
<nav class="navbar navbar-toggleable-md navbar-light bg-faded fixed-top">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="index.html">Stephen Hawking</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="books.html">Books</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="quotes.html">Quotes<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="timeline.html">Timeline</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<div class="container-fluid">
<h1>Quotes by Stephen Hawking</h1>
<p id="intro">When Stephen Hawking was diagnosed with motor neurone disease at age 21, doctors thought he'd only survive a few more years. But the theoretical physicist defied the odds: Hawking, who passed away yesterday, lived to be 76. Here are 11 quotes from the director of research and founder of the Centre for Theoretical Cosmology at Cambridge and author of A Brief History of Time.</p>
<div id="Quotes">
<div class="quote">
<img src="https://i.pinimg.com/originals/de/3c/f5/de3cf56faab069512378035e24a63754.jpg" alt="quotes" />
</div>
<div class="quote">
<img src="https://i.pinimg.com/originals/84/b5/c0/84b5c090eccdd7c0bd6cf9f3c1cf7900.jpg" alt="quotes">
</div>
<div class="quote">
<img src="https://i.pinimg.com/originals/13/b8/c4/13b8c49438af1c5b7f4ada4a78a781df.jpg" alt="quotes">
</div>
<div class="quote">
<img src="https://i.pinimg.com/originals/e8/a4/cf/e8a4cf70d5311a01cc042bea08b5dbd0.jpg" alt="quotes">
</div>
<div class="quote">
<img src="https://i.pinimg.com/originals/b9/04/8f/b9048f04938b72930c917fee5fb76eed.jpg" alt="quotes">
</div>
<div class="quote">
<img src="https://i.pinimg.com/originals/6d/bf/b1/6dbfb1170aa21361b3ab979a9984f361.jpg" alt="quotes">
</div>
</div>
</div>
<footer class="social">
<a href="#medium" class="firstlink">
<img class= "footerImage medium" src="assets/images/medium.svg">
</a>
<a href="#google+">
<img class= "footerImage gplus" src="assets/images/google.svg">
</a>
<a href="#facequote">
<img class= "footerImage fb" src="assets/images/facebook.svg">
</a>
<a href="#instagram">
<img class= "footerImage insta" src="assets/images/instagram.svg">
</a>
</footer>
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<!-- Custom js -->
<script type="text/javascript" src="assets/js/index.js"></script>
</body>
</html>