-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (78 loc) · 3.52 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles/index.css">
<link rel="stylesheet" href="./styles/nav.css">
<title>De Dil Se</title>
</head>
<body>
<nav>
<ul class="topLeft">
<li><a href="ourStory.html" class="ourStory">OUR STORY</a></li>
<div class="dropdown">
<a href="ourStory.html">ABOUT US</a>
<a href="timeline.html">TIMELINE</a>
</div>
<li><a href="ourProjects.html">OUR PROJECTS</a></li>
</ul>
<img class="logo" src="img/dedilseLogo.png" alt="De Dil Se Logo">
<ul class="topRight">
<li><a href="donate.html">DONATE</a></li>
<li><a href="contactUs.html">CONTACT US</a></li>
</ul>
</nav>
<img src="./img/Community-Foodbank-of-New-Jersey-distribution.webp" id="navImg"
alt="Community Food Bank Distribution" class="headerImg">
<div id="dedilse">
<h1 class="centeredText">DE DIL SE</h1>
<!-- Add breaks given text -->
<p class="dedilseInnerText">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse <br/><br/>cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
<h2 class="centeredText" id="ourpartnerstext">OUR PARTNERS</h2>
<div id="ourpartners">
<div id="partner1">
<img src="./img/partner.png" alt="partner1">
<p id="partner1tag" class="partnertag">Lorem Ipsum</p>
</div>
<div id="partner2">
<img src="./img/partner.png" alt="partner2">
<p id="partner2tag" class="partnertag">Lorem Ipsum</p>
</div>
<div id="partner3">
<img src="./img/partner.png" alt="partner1">
<p id="partner3tag" class="partnertag">Lorem Ipsum</p>
</div>
</div>
<div id="imgBar">
<img src="./img/r1.jpeg" alt="Some image1" class="randomImg">
<img src="./img/r2.webp" alt="Some image2" class="randomImg">
</div>
<footer>
<ul class="bottom-links">
<li>
<a href="ourStory.html">OUR STORY</a>
<a href="ourStory.html" class="bottom-footer bottom-footer-1">ABOUT US</a>
<a href="timeline.html" class="bottom-footer">TIMELINE</a>
</li>
<li>
<a href="ourProjects.html">OUR PROJECTS</a>
<a href="ourProjects.html#p1" class="bottom-footer bottom-footer-1">PROJECT #1</a>
<a href="ourProjects.html#p2" class="bottom-footer">PROJECT #2</a>
</li>
<li><a href="donate.html">DONATE</a></li>
<li><a href="contactUs.html">CONTACT US</a></li>
</ul>
</footer>
<script src="./scripts/nav.js"></script>
</body>
</html>