-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
61 lines (53 loc) · 3.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bread War</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="part1">
<div class="firstContainer">
<h2 class="childOne">The Bread War</h2>
<div class="child"> <div class="childTwo"><a>About Us</a></div>
<div class="childThree"><a>Contact Us</a></div>
<div class="childfour"><a>Sue Us</a></div>
</div>
</div>
<div class="secondContainer">
<div class="firstText"><h1>Bread Shall Win</h1>
<p>Bread soon will end the long war and take the throne!<br>Help by signing up!</p>
<button><strong>Sign Up</strong></button> </div>
<div class="firstImage">
<img src="images/download.jpeg"> </div>
</div>
</div>
<div class="part2">
<h2>Atrocities By Humans to Bread In The Past</h2>
<div class = "images">
<div class="firstitem"><img src="images/Square-burnt-bread.jpg"><p>For generations, humans have overcooked bread, leaving whole batches blackened and charred. This ruthless act of burning left many bread families with scars and bitterness, their once golden crusts turned to ashes.</p></div>
<div class="seconditem"><img src="images/Square-sliced-bread.webp"><p>In their quest for convenience, humans took sharp knives to bread, slicing it into pieces without asking. The bread people were torn apart, their unity shattered, left to be stacked and stored without their dignity.</p></div>
<div class="thirditem"><img src="images/Square-spoiled-bread.jpg"><p>Humans, in their haste and disregard, often let bread sit for days, turning once-fresh loaves into rock-hard relics. The bread people suffered the ultimate indignity as they were discarded, forgotten, and left to age prematurely.</p></div>
<div class="fourthitem"><img src="images/Square-burnt-bread.jpg"><p>Humans, in their blind pursuit of the perfect loaf, often kneaded bread too roughly or not enough, causing many of them to be misshapen, deformed, or overworked. The bread people were subjected to constant physical abuse for the whims of human taste.
</p> </div>
</div>
</div>
<div class="part3">
<div class="item"><p>
"Together we rise, together we crumble, for in every break and every crumble, we find strength in unity. The crumbs we scatter today shall rebuild us tomorrow."<br><br> -A fallen Baguette</p>
</div>
</div>
<div class="part4">
<div class="item">
<div class="para"><p class="paraOne">Sign Up! It's Time!</p>
<p class="paraTwo">Sign up by clicking the button on the right!</p>
</div>
<button>Sign Up</button>
</div>
</div>
<div class="part5">
<p>Made By: Subhanshu Gupta<br></p>
</div>
</body>
</html>