-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (166 loc) · 12.9 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./aos.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Navbar</a>
<button
class="navbar-toggler"
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>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<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="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="jumbotron">
<h1>Ease in out</h1>
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Assumenda minima necessitatibus fugiat, autem
temporibus quisquam ipsum repellat eos. Asperiores labore aliquam odit soluta quos voluptate doloribus
assumenda sequi provident possimus?
</p>
</div>
<div class="row">
<div id="img1" class="col-4 appear-on-scroll">
<img
src="https://images.unsplash.com/photo-1583910971408-a8a245ab1f47?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=972&q=80"
class="img-fluid"
alt="Responsive image"
/>
</div>
<div class="col-8"></div>
<div class="col-3"></div>
<div id="img2" class="col-4 appear-on-scroll">
<img
src="https://images.unsplash.com/photo-1583910971408-a8a245ab1f47?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=972&q=80"
class="img-fluid"
alt="Responsive image"
/>
</div>
<div class="col-5"></div>
<div class="col-6"></div>
<div id="img3" class="col-4 appear-on-scroll">
<img
src="https://images.unsplash.com/photo-1583910971408-a8a245ab1f47?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=972&q=80"
class="img-fluid"
alt="Responsive image"
/>
</div>
<div class="col-2"></div>
<div class="col-8"></div>
<div id="img4" class="col-4 appear-on-scroll">
<img
src="https://images.unsplash.com/photo-1583910971408-a8a245ab1f47?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=972&q=80"
class="img-fluid"
alt="Responsive image"
/>
</div>
<div class="col-12 d-block appear-on-scroll">
<div class="w-100 text-center">
<img
src="https://images.unsplash.com/photo-1583910971408-a8a245ab1f47?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=972&q=80"
class="img-fluid"
alt="Responsive image"
/>
</div>
</div>
</div>
<div>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laudantium, iusto, adipisci repellat dolore id illo
voluptatem, necessitatibus dolores modi velit commodi earum deleniti sint sed excepturi! Eius earum ex, natus
aperiam officia incidunt tenetur magni laborum itaque tempora quam possimus ipsam. Molestiae, consequuntur esse.
Commodi dolorem nesciunt deleniti quos ratione perspiciatis delectus deserunt nostrum totam quidem, earum quam
ipsam laboriosam tenetur exercitationem fugiat, iusto illo enim officiis suscipit magni facere facilis corrupti. A
dicta possimus, alias sed quae aperiam odit porro itaque consequatur adipisci tenetur repellat, error cupiditate
eveniet ipsam dignissimos tempore? Vel aliquid cupiditate nam esse, omnis voluptates impedit recusandae iusto!
Officia, dolor libero. Nulla ratione, voluptate ducimus qui nostrum fugiat iusto! Exercitationem, adipisci beatae
omnis obcaecati consequatur necessitatibus in, aliquam incidunt esse iure culpa expedita. Eveniet iusto dolores,
laboriosam mollitia aliquam magnam quasi possimus nobis qui natus aliquid dolorem, labore totam quibusdam ipsam,
asperiores veniam voluptatem vel est quisquam eius ratione ad? Eveniet beatae nulla vitae, eius atque facilis
quibusdam quod soluta dolorum provident, expedita ut explicabo quidem nesciunt dignissimos quo. Adipisci
laboriosam voluptatum iste beatae, asperiores soluta impedit excepturi tempora culpa sint exercitationem unde
cumque, nulla, nemo ipsam minus aperiam! Ea delectus similique reiciendis saepe, nihil iusto animi quo sunt itaque
minima id veritatis minus aspernatur! Dolores eligendi, natus obcaecati excepturi mollitia atque eos a quo,
inventore dolor nisi quos sapiente ullam ab deleniti dolore molestiae quam sequi laudantium, praesentium explicabo
dicta saepe. Soluta laboriosam aliquam optio hic iste nihil ex a similique, expedita, quidem consectetur illum
fugit error. Maxime rerum veniam in neque illum, dolore voluptate quam doloribus, consequatur corporis inventore
perspiciatis vitae dolorum odio quos accusantium, fugiat provident dolor nesciunt. Officiis doloribus illo
perspiciatis. Pariatur, ab voluptatum. Iste illum voluptatem debitis labore tempore fugiat illo dignissimos
tempora, excepturi id amet laborum nam voluptatibus obcaecati nisi? Odit voluptas consectetur inventore quod
quaerat eligendi quasi, reprehenderit soluta doloribus at fuga! Ullam quisquam officiis vero, enim dolorem
architecto ducimus ipsum labore. Nam id maiores dolore. Ipsam suscipit assumenda quisquam id iste dicta beatae
repudiandae deserunt aperiam qui! Rerum doloremque, necessitatibus blanditiis deleniti quam itaque pariatur velit
ipsum qui voluptatum ratione cumque voluptas vero sit esse optio, impedit suscipit. Laboriosam voluptates
inventore provident vel accusamus sapiente, animi eius? Quasi nemo non, mollitia repellendus at omnis? Voluptatem
quam voluptatibus sunt hic doloribus eligendi magnam nemo debitis vel laborum, soluta sint. Maiores aspernatur
excepturi incidunt? Accusantium labore architecto impedit vitae dolorum quam perferendis non ullam id libero
aperiam, excepturi minus quas ipsa omnis et officiis? Ex magni molestias, beatae quia hic voluptates laboriosam
repellendus! Quasi sint labore doloribus impedit consequuntur, saepe vel voluptates provident ex maxime rem,
natus, consequatur dignissimos laborum numquam officiis quia? Vel architecto fuga corrupti laudantium vero, odit
vitae ratione deleniti soluta. Corrupti ipsam animi consequuntur amet itaque? Recusandae, velit eligendi illum eos
dolorem consequatur corporis porro excepturi nostrum, similique dolore placeat ipsa! Vero voluptatum deserunt
sequi quod expedita modi adipisci porro rem reprehenderit dolorem, ipsam perferendis quis, voluptas quas minus id
aliquam fugiat totam facilis nobis, repellat aliquid quisquam! Aut magni quas consequuntur veniam, quidem velit
voluptas mollitia consequatur iure dolor nemo sunt at asperiores. Asperiores, beatae! Repudiandae porro ut
consequatur ad laboriosam, magni consectetur, nam reprehenderit fugiat, alias animi! Vero aspernatur quasi iure
atque repellendus suscipit dolorem blanditiis maiores rerum impedit, eum ducimus quibusdam harum tempore veniam
beatae saepe fugit! Dolore, est sit temporibus, quae alias perferendis, enim consequatur adipisci molestiae nam
repellendus dolorem dolorum dolor? Ullam id nulla ea libero, officia dignissimos reiciendis laborum assumenda a
blanditiis! Explicabo magni sint ullam quisquam exercitationem, nostrum ut voluptates sapiente molestiae maxime,
nam a officiis dicta. Officiis pariatur, asperiores non fugit aliquid laborum possimus doloribus praesentium qui
quae autem ea? Quaerat a qui deleniti repellat autem, architecto quia, quam, pariatur sequi voluptatum ab eligendi
iusto consectetur? Doloribus suscipit libero molestias optio aliquid temporibus facilis. Quis, eum. Hic expedita
recusandae fugit dolorum commodi. Animi pariatur cupiditate omnis. Quisquam aliquid atque corporis numquam, iure
possimus veritatis ullam molestias repudiandae, saepe asperiores ipsa perspiciatis dolores illum repellat enim?
Architecto asperiores fuga, unde, dolorum consequatur, maiores tenetur sunt eveniet ipsam odit rem cupiditate ex
laborum deleniti exercitationem nostrum quidem. Iure delectus dicta ipsa quibusdam! Tempora minima sequi tempore
earum maiores, in nisi voluptatem facilis a, voluptate distinctio deserunt ex itaque tenetur odit dolorem animi ab
non nesciunt quam. Quis fugiat beatae facere ex cum. Doloremque fugiat nobis sunt distinctio iusto consectetur,
iste maiores magni aliquid repudiandae architecto error atque ad modi saepe provident suscipit illo? Deleniti
tempora maiores eveniet odit in corrupti soluta, voluptatibus numquam, ipsum quae dolor minus quia culpa
provident, sint repellat magni quas aspernatur! Sapiente, deserunt fugit tenetur distinctio minima laudantium
exercitationem beatae qui voluptas dolore eligendi vero sunt magnam. Voluptatibus numquam ex nostrum possimus
voluptatem sint reiciendis rem itaque! Asperiores eveniet optio quasi, libero eligendi soluta cumque incidunt
minus, a nisi quibusdam beatae ducimus commodi quae. Adipisci, eius repudiandae sunt quo neque modi magni. Ad
asperiores, magnam maxime consequuntur voluptates aliquam rerum beatae, consectetur ullam eius temporibus vitae
tenetur pariatur quas sunt! Et rem labore cumque tenetur quaerat distinctio deleniti ut voluptatibus! Architecto,
eveniet ratione earum blanditiis in nemo sint tempora impedit et autem quaerat suscipit ipsam omnis illum deserunt
distinctio ullam odio iure accusantium! Maiores hic saepe nisi eligendi excepturi, omnis, perspiciatis illo
nostrum quidem obcaecati officia commodi repellendus! Ipsum hic ducimus doloremque sunt natus ut minus architecto
distinctio ab aspernatur velit incidunt, illo veniam enim? Rem fuga eligendi eius natus. Inventore nam autem
corrupti laborum eligendi repudiandae sit vero, asperiores voluptatum, quo quidem doloremque, non perferendis ipsa
officia est reiciendis iure dignissimos. Recusandae dicta facere debitis doloremque vel provident fuga neque
repudiandae autem atque! Atque inventore ab, quisquam delectus obcaecati consectetur illum nihil doloribus omnis
alias repellat consequatur eius nulla. Omnis odio hic a, esse nam veritatis blanditiis tempore aut deleniti at
similique iusto cupiditate reiciendis, temporibus suscipit laborum! Maxime architecto vel itaque ducimus at, quae
cum deleniti incidunt officia recusandae est ad illo totam aliquam, odit assumenda aliquid repellat sint ut
impedit vero minima eligendi?
</div>
</div>
<script src="./aos.js"></script>
</body>
</html>