-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathourStory.html
114 lines (100 loc) · 5.8 KB
/
ourStory.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
<!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>
<!-- Compiled and minified CSS -->
<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>ABOUT US</h1>
</div>
<hr>
<div class="row">
<div class="">
<div class="img imgLeft">
<img class="responsive-img" src="img/sample.png">
</div>
</div>
<div class="">
<div class="project-desc">
<h5>Our Story</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>
<hr>
<h1 class="founderText">Our Founders</h1>
<div class="row">
<div class="">
<div class="project-desc">
<h5>Founder 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 class="">
<div class="img">
<img class="responsive-img" src="img/sample.png">
</div>
</div>
</div>
<div class="row">
<div class="">
<div class="img imgLeft">
<img class="responsive-img" src="img/sample.png">
</div>
</div>
<div class="">
<div class="project-desc">
<h5>Founder 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>
<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>
<!-- Materialize JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- Auto-initialize Materialize elements (Note - more specific initialization may be required for certain elements)-->
<script> M.AutoInit();</script>
<script src="./scripts/nav.js"></script>
</body>
</html>