-
Notifications
You must be signed in to change notification settings - Fork 0
/
ourProjects.html
116 lines (105 loc) · 6.52 KB
/
ourProjects.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Projects</title>
<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/ourProjects.css">
<link rel="stylesheet" href="./styles/ourStory.css">
<link rel="stylesheet" href="./styles/nav.css">
</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 class="imgText">
<h1>OUR PROJECTS</h1>
</div>
<div class="row" id="p1">
<div class="">
<div class="img imgLeft">
<img class="responsive-img" src="img/sample.png">
</div>
</div>
<div class="">
<div class="project-desc">
<h5>Project Name #1</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsam repellendus nemo facilis sit tempore eaque illo fuga sint inventore! Quisquam quis iure iste fugit! Adipisci, dolorem dolores? Tempora nemo fugiat reiciendis ut laboriosam vel beatae totam, numquam optio nobis sequi adipisci accusantium, explicabo sapiente aspernatur incidunt consectetur. Esse eveniet nobis iusto natus aliquid ut eius amet, ab veritatis molestiae eum modi quibusdam corrupti expedita iste temporibus dolores? Commodi error dolorem perspiciatis totam libero. Vitae necessitatibus maiores veritatis quaerat atque ad ipsam harum quibusdam facere, corrupti in, aliquid libero? Libero incidunt excepturi ipsum eligendi corrupti odit delectus eius dolore quisquam autem!</p>
</div>
</div>
</div>
<div class="row" id="p2">
<div class="">
<div class="project-desc">
<h5>Project Name #2</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsam repellendus nemo facilis sit tempore eaque illo fuga sint inventore! Quisquam quis iure iste fugit! Adipisci, dolorem dolores? Tempora nemo fugiat reiciendis ut laboriosam vel beatae totam, numquam optio nobis sequi adipisci accusantium, explicabo sapiente aspernatur incidunt consectetur. Esse eveniet nobis iusto natus aliquid ut eius amet, ab veritatis molestiae eum modi quibusdam corrupti expedita iste temporibus dolores? Commodi error dolorem perspiciatis totam libero. Vitae necessitatibus maiores veritatis quaerat atque ad ipsam harum quibusdam facere, corrupti in, aliquid libero? Libero incidunt excepturi ipsum eligendi corrupti odit delectus eius dolore quisquam autem!</p>
</div>
</div>
<div class="">
<div class="img">
<img class="responsive-img" src="img/sample.png">
</div>
</div>
</div>
<div class="row" id="p3">
<div class="">
<div class="img imgLeft">
<img class="responsive-img" src="img/sample.png">
</div>
</div>
<div class="">
<div class="project-desc">
<h5>Project Name #3</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsam repellendus nemo facilis sit tempore eaque illo fuga sint inventore! Quisquam quis iure iste fugit! Adipisci, dolorem dolores? Tempora nemo fugiat reiciendis ut laboriosam vel beatae totam, numquam optio nobis sequi adipisci accusantium, explicabo sapiente aspernatur incidunt consectetur. Esse eveniet nobis iusto natus aliquid ut eius amet, ab veritatis molestiae eum modi quibusdam corrupti expedita iste temporibus dolores? Commodi error dolorem perspiciatis totam libero. Vitae necessitatibus maiores veritatis quaerat atque ad ipsam harum quibusdam facere, corrupti in, aliquid libero? Libero incidunt excepturi ipsum eligendi corrupti odit delectus eius dolore quisquam autem!</p>
</div>
</div>
</div>
<div class="row" id="p4">
<div class="">
<div class="project-desc">
<h5>Project Name #4</h5>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsam repellendus nemo facilis sit tempore eaque illo fuga sint inventore! Quisquam quis iure iste fugit! Adipisci, dolorem dolores? Tempora nemo fugiat reiciendis ut laboriosam vel beatae totam, numquam optio nobis sequi adipisci accusantium, explicabo sapiente aspernatur incidunt consectetur. Esse eveniet nobis iusto natus aliquid ut eius amet, ab veritatis molestiae eum modi quibusdam corrupti expedita iste temporibus dolores? Commodi error dolorem perspiciatis totam libero. Vitae necessitatibus maiores veritatis quaerat atque ad ipsam harum quibusdam facere, corrupti in, aliquid libero? Libero incidunt excepturi ipsum eligendi corrupti odit delectus eius dolore quisquam autem!</p>
</div>
</div>
<div class="">
<div class="img">
<img class="responsive-img" src="img/sample.png">
</div>
</div>
</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>