-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
54 lines (47 loc) · 2.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DONUTS! by YASH</title>
<link rel="icon" href="donut.png" sizes="100x100">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<canvas class="webgl"></canvas>
<div class="loading-bar"></div>
<section class="one">
<div class="container">
<div class="hero">
<p class="h2p">Abs are Cool.</p>
<p class="h3p">But have you ever tried donuts?</p>
<p class="para">There once was a donut so round, so plump, and so sweet that it practically begged to be eaten. <br>
But little did it know that its deliciousness would lead to its demise. As it sat on the counter, tempting all who passed by, it couldn't help but dream of all the wonderful places it could go. <br>
It longed to be dipped in a vat of hot oil and fried to perfection, or maybe even smothered in glaze and sprinkles. But alas, its dreams were short-lived as it was soon gobbled up by a hungry customer who couldn't resist its charms.<br>
And so, the donut's journey came to an end, but at least it got to live its life to the fullest before being devoured. </p>
</div>
</div>
</section>
<section class="two">
<div class="container">
<div class="hero">
<p class="h2p">How we do</p>
<p class="h3p">Experiment with tasty <br>donuts recipe everytime</p>
<p class="para">"First, gather your trusty team of donut taste testers (aka your friends). Next, stock up on an assortment of bizarre and exotic ingredients, like pickle juice, sriracha sauce, and maybe even some grasshoppers (hey, you never know).<br>
Then, get to work concocting the most outrageous donut recipes your taste buds have ever encountered. Will the pickle juice give your donuts a savory twist, or will it be a total flop? <br>
Only one way to find out! Just remember to have a designated driver on hand to ferry you and your sugar-buzzed taste testers home after all those experimental donuts."</p>
</div>
</div>
</section>
<section class="three">
<p class="h1p">HAPPY DONUT.</p>
</section>
<!-- <script src="script.js"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.146.0/three.min.js"></script>
<!-- <script src="https://cdn.rawgit.com/mrdoob/three.js/master/examples/js/loaders/GLTFLoader.js"></script> -->
<script src="https://unpkg.com/three@0.146.0/examples/js/loaders/GLTFLoader.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"></script>
<script src="./js/script.js"></script>
</body>
</html>