-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (94 loc) · 5.21 KB
/
index.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
97
98
99
100
101
102
<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8" />
<title></title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content="" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<link rel="manifest" href="site.webmanifest" />
<link rel="apple-touch-icon" href="icon.png" />
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/main.scss" />
<meta name="theme-color" content="#fafafa" />
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"
></script>
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<!-- <script src="js/plugins.js"></script>-->
<script src="js/main.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M41.837 215.408a15.241 15.241 0 01-13.718-8.615c-.424-.877-10.401-21.802-12.725-49.568-3.102-37.048 8.628-69.138 33.941-92.981a15.242 15.242 0 0115.626-5.571c34.594 8.213 55.802 31.212 56.731 61.524a15.242 15.242 0 01-9.795 14.705c-23.663 9.038-52.026 38.7-54.894 66.812a15.24 15.24 0 01-15.166 13.694z" fill="#36569c"/><path d="M15.243 434.516a15.241 15.241 0 01-15.24-15.24c0-72.951 43.685-126.869 82.227-174.44 27.988-34.545 52.159-64.379 52.159-92.564 0-9.341-1.972-16.276-5.277-18.551-3.156-2.173-9.59-1.731-17.213 1.18a15.24 15.24 0 01-20.673-13.767c-.669-21.821-21.154-29.918-33.305-32.803a15.24 15.24 0 01-11.249-11.07c-4.094-16.091 1.181-32.12 14.853-45.134 23.748-22.603 67.049-30.988 102.96-19.94 36.585 11.258 61.691 40.372 70.692 81.979 18.676 86.336-32.962 158.764-74.455 216.961-15.27 21.418-29.695 41.649-37.676 58.839a15.231 15.231 0 01-6.05 6.691l-93.98 55.727a15.219 15.219 0 01-7.773 2.132z" fill="#ff87b4"/><path d="M137.498 88.997c7.972 0 15.609-7.009 15.24-15.24-.37-8.257-6.696-15.24-15.24-15.24-7.972 0-15.609 7.009-15.24 15.24.371 8.257 6.697 15.24 15.24 15.24z" fill="#36569c"/><path d="M433.831 504.651H78.169C35.067 504.651 0 469.584 0 426.481s35.067-78.169 78.169-78.169h355.662c43.103 0 78.169 35.067 78.169 78.169s-35.066 78.17-78.169 78.17z" fill="#fa649a"/><path d="M433.831 348.312H256.37v156.339h177.461c43.103 0 78.169-35.067 78.169-78.169s-35.066-78.17-78.169-78.17z" fill="#f54286"/></svg></a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row flamingo-ctn">
<div class="col-4 flamingo-text">
<h1>Flamingos</h1>
<p>
Flamingos are large birds that are identifiable by their long necks,
sticklike legs and pink or reddish feathers. Flamingos embody the
saying "you are what you eat." The pink and reddish colors of a
flamingo's feathers come from eating pigments found in algae and
invertebrates.
<a href="/about.html">Learn more
<svg class="bi bi-arrow-right-short" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M8.146 4.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.793 8 8.146 5.354a.5.5 0 0 1 0-.708z"/>
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H4.5A.5.5 0 0 1 4 8z"/>
</svg>
</a>
</p>
</div>
<div class="col-12 flamingo-canvas"></div>
</div>
</div>
<script src="js/three.js"></script>
<script src="js/blob.js"></script>
</body>
</html>