-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
294 lines (273 loc) · 17.1 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
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</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=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="styles/colors.css">
<link rel="stylesheet" href="styles/universal.css">
<link rel="stylesheet" href="styles/index.css">
</head>
<body>
<nav class="active">
<div class="left">
<img src="images/logo.png" alt="" class="logo">
</div>
<div class="right">
<a href="index.html" class="nav-link active">Home</a>
<a href="ourProjects.html" class="nav-link">Our Projects</a>
<a href="futureProjects.html" class="nav-link">Future Projects</a>
<a href="competition.html" class="nav-link">Provita Competition</a>
<a href="ourLeadership.html" class="nav-link">Our Leadership</a>
<a href="contact.html" class="nav-link">Contact Us</a>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="navDropDownBtn">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h22M5 16h22M5 24h22"/>
</svg>
</div>
<div class="dropdown">
<a href="index.html" class="nav-link active">Home</a>
<a href="ourProjects.html" class="nav-link">Our Projects</a>
<a href="futureProjects.html" class="nav-link">Future Projects</a>
<a href="competition.html" class="nav-link">Provita Competition</a>
<a href="ourLeadership.html" class="nav-link">Our Leadership</a>
<a href="contact.html" class="nav-link">Contact Us</a>
</div>
</nav>
<div class="topInformation revealing">
<div class="text">
<h1>We are Provita Pharmaceuticals</h1>
<h2>The Only Student-Run Pharmaceutical Company in the Nation, Located at the Bergen County Academies in
Hackensack, NJ.</h2>
<div class="btn">
<a href="" class="">About Us</a>
<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
d="M.5 7h13M10 10.5L13.5 7L10 3.5" />
</svg></span>
</div>
</div>
<div class="image">
<img src="images/index/index-1.png" alt="">
</div>
</div>
<div class="midInformation revealing">
<div class="text">
<h1>WHO WE ARE</h1>
<h2>Provita Pharmaceuticals is a student-run pharmaceuticals company that focuses on the betterment of lives
around the world through the creation and innovation of new technologies and drugs.</h2>
<h3>We hope to advance the world medically and to become profitable. To learn more about our work and the
products we are working run, scroll down to the section with information about all of our products.</h3>
<div class="btn">
<a href="" class="">Read More</a>
<span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
d="M.5 7h13M10 10.5L13.5 7L10 3.5" />
</svg></span>
</div>
</div>
<div class="image">
</div>
</div>
<div class="productDiv revealing">
<h4>OUR PRODUCTS</h4>
<h1>Here are some of the products we are working on at Provita.</h1>
<div class="productColumns">
<div class="productCol">
<h1>MeshCare</h1>
<h2>One of the main goals of MeshCare is to try to make meshes that prevent adhesions on the wrong side
of the body. The mesh could only go on one side because if it goes onto the side with intestines,
the patient is in extreme danger risk. Additionally, the team is working to make a membrane mesh
hybrid and biodegradable because that will lower the chances of complications during MeshCare's
usage.</h2>
</div>
<div class="productCol">
<h1>RepliVax</h1>
<h2>RepliVax is a vaccine intended to treat the West Nile virus, specifically in third world countries
in Africa. It will be consumed orally and will use electroporation which makes holes in the cell
membranes to get the drug into cells. The bigger picture issue at hand is that there are significant
challenges in getting potent drugs to the sub-Saharan region of Africa. The key weakness of the
current cold chain transportation method is that during certain parts of the process, the cold
temperature cannot be maintained, therefore degrading the drug. Currently, the team is working on
improving the cold chain method and deliver potent drugs to Africa without losing the drugs'
efficiency.</h2>
</div>
<div class="productCol">
<h1>VitaClick</h1>
<h2>VitaClick is a triple-click injector system for myocardial infarctions. It has two chamber systems,
which is a solid and liquid component, that are broken together to make the drug. This system
extends the shelf life of the product. The group is currently working on the Auto CAD, which is
known as computer aid design. They’re creating the triple-click injector system parts. In order to
3D print it, they need to scale it to an accurate measurement and make new designs and parts. The
legal sector has found the competitors of VitaClick and is waiting for the research sector to have
the design so they can make the design patent.</h2>
</div>
<div class="productCol">
<h1>PatchAid</h1>
<h2>PatchAid is a transdermal patch used to aid hypertrophic scarring management. It prevents HTS from
occurring after burns. Myofibroblasts are the cells that produce excess collagen when they receive
Substance P and resultantly cause hypertrophic scarring, so the patch inhibits the receptors of
Substance P to prevent hypertrophic scarring from occurring.</h2>
</div>
</div>
</div>
<div class="benefitsDiv revealing">
<h4>BENEFITS</h4>
<h1>The benefits students get from being part of Provita</h1>
<div class="benefitsInformation">
<div class="benefitImage">
</div>
<div class="benefitsList">
<div class="benefit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd"
d="M3.6 2.25A1.35 1.35 0 0 0 2.25 3.6v16.8c0 .746.604 1.35 1.35 1.35h16.8a1.35 1.35 0 0 0 1.35-1.35V3.6a1.35 1.35 0 0 0-1.35-1.35zm13.93 6.78a.75.75 0 0 0-1.06-1.06L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z"
clip-rule="evenodd" />
</svg>
<h2>Work on research projects and present your findings</h2>
</div>
<div class="benefit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd"
d="M3.6 2.25A1.35 1.35 0 0 0 2.25 3.6v16.8c0 .746.604 1.35 1.35 1.35h16.8a1.35 1.35 0 0 0 1.35-1.35V3.6a1.35 1.35 0 0 0-1.35-1.35zm13.93 6.78a.75.75 0 0 0-1.06-1.06L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z"
clip-rule="evenodd" />
</svg>
<h2>Learn more about the Pharmaceutical Industry</h2>
</div>
<div class="benefit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd"
d="M3.6 2.25A1.35 1.35 0 0 0 2.25 3.6v16.8c0 .746.604 1.35 1.35 1.35h16.8a1.35 1.35 0 0 0 1.35-1.35V3.6a1.35 1.35 0 0 0-1.35-1.35zm13.93 6.78a.75.75 0 0 0-1.06-1.06L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z"
clip-rule="evenodd" />
</svg>
<h2>Fulfill Wednesday Project Requirement</h2>
</div>
<div class="benefit">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd"
d="M3.6 2.25A1.35 1.35 0 0 0 2.25 3.6v16.8c0 .746.604 1.35 1.35 1.35h16.8a1.35 1.35 0 0 0 1.35-1.35V3.6a1.35 1.35 0 0 0-1.35-1.35zm13.93 6.78a.75.75 0 0 0-1.06-1.06L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z"
clip-rule="evenodd" />
</svg>
<h2>Analyze the business of a Pharmaceutical company</h2>
</div>
<div class="benefit"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd"
d="M3.6 2.25A1.35 1.35 0 0 0 2.25 3.6v16.8c0 .746.604 1.35 1.35 1.35h16.8a1.35 1.35 0 0 0 1.35-1.35V3.6a1.35 1.35 0 0 0-1.35-1.35zm13.93 6.78a.75.75 0 0 0-1.06-1.06L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z"
clip-rule="evenodd" />
</svg>
<h2>Work with entrepreneurs from prominent companies</h2>
</div>
<div class="benefit"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" fill-rule="evenodd"
d="M3.6 2.25A1.35 1.35 0 0 0 2.25 3.6v16.8c0 .746.604 1.35 1.35 1.35h16.8a1.35 1.35 0 0 0 1.35-1.35V3.6a1.35 1.35 0 0 0-1.35-1.35zm13.93 6.78a.75.75 0 0 0-1.06-1.06L10 14.44l-2.47-2.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0z"
clip-rule="evenodd" />
</svg>
<h2>Work with people who are passionate about biotechnology</h2>
</div>
</div>
</div>
</div>
<div class="sectorsDiv revealing">
<div class="sectionInformation">
<h1>We have 2 main sectors here at Provita.</h1>
<div class="sectionDrop">
<h2 class="active businessDrop">BUSINESS AND LEGAL</h2>
<h2 class="researchDrop">RESEARCH AND DEVELOPMENT</h2>
</div>
<div class="business">
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927l5.473-6.385a.75.75 0 0 1 1.057-.081Z" clip-rule="evenodd"/>
</svg>
<h3>Legal Sector</h3>
</div>
<h4>The Legal sector works on patenting our inventions.</h4>
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927l5.473-6.385a.75.75 0 0 1 1.057-.081Z" clip-rule="evenodd"/>
</svg>
<h3>Business Sector</h3>
</div>
<h4>The Business sector conducts FDA presentations and business management actions.</h4>
</div>
<div class="research">
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927l5.473-6.385a.75.75 0 0 1 1.057-.081Z" clip-rule="evenodd"/>
</svg>
<h3>The Research sector creates medical inventions and products.</h3>
</div>
<h4>On Wednesdays, the members of the research sector make sure to make progress and further develop the products part of Provita.</h4>
<div class="title">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M13.488 3.43a.75.75 0 0 1 .081 1.058l-6 7a.75.75 0 0 1-1.1.042l-3.5-3.5A.75.75 0 0 1 4.03 6.97l2.928 2.927l5.473-6.385a.75.75 0 0 1 1.057-.081Z" clip-rule="evenodd"/>
</svg>
<h3>We work similar to a Medical Company.</h3>
</div>
<h4>Provita is identical to an actual Medical company and provides invaluable business and research knowledge.</h4>
</div>
</div>
<div class="sectionImg">
</div>
</div>
<div class="contact revealing">
<h4>CONTACT</h4>
<h1>Contact Us</h1>
<div class="waysHolder">
<div class="address">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path fill="currentColor" d="M12 3a7 7 0 0 0-7 7c0 2.862 1.782 5.623 3.738 7.762A26.158 26.158 0 0 0 12 20.758a26.14 26.14 0 0 0 3.262-2.994C17.218 15.623 19 12.863 19 10a7 7 0 0 0-7-7Zm0 20.214l-.567-.39l-.003-.002l-.006-.005l-.02-.014l-.075-.053a25.34 25.34 0 0 1-1.214-.94a28.157 28.157 0 0 1-2.853-2.698C5.218 16.876 3 13.637 3 10a9 9 0 0 1 18 0c0 3.637-2.218 6.877-4.262 9.112a28.145 28.145 0 0 1-3.796 3.44a16.794 16.794 0 0 1-.345.251l-.021.014l-.006.005l-.002.001l-.568.39ZM12 8a2 2 0 1 0 0 4a2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0a4 4 0 0 1-8 0Z"/>
</svg>
<h2>Address</h2>
<h3>200 Hackensack Ave</h3>
</div>
<div class="email">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path fill="currentColor" fill-rule="evenodd" d="M14.95 3.684L8.637 8.912a1 1 0 0 1-1.276 0l-6.31-5.228A.999.999 0 0 0 1 4v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4a.999.999 0 0 0-.05-.316M2 2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m-.21 1l5.576 4.603a1 1 0 0 0 1.27.003L14.268 3z"/>
</svg>
<h2>Email</h2>
<h3>[email protected]</h3>
</div>
</div>
</div>
<footer>
<div class="footer-left">
<div class="column">
<img src="images/logo.png" alt="">
<h2>The Only Student-Run Pharmaceutical Company in the Nation, Located at the Bergen County Academies in
Hackensack, NJ.</h2>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="footer-icon"
onclick="window.location.href = 'https://www.instagram.com/provita_pharma/'">
<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<path d="M10.333 3.644a.25.25 0 1 1 0-.5m0 .5a.25.25 0 1 0 0-.5" />
<path
d="M.858 3.431A2.573 2.573 0 0 1 3.431.858h6.862a2.573 2.573 0 0 1 2.573 2.573v6.862a2.573 2.573 0 0 1-2.573 2.573H3.43a2.573 2.573 0 0 1-2.573-2.573V3.43Z" />
<path d="M4.312 6.862a2.55 2.55 0 1 0 5.1 0a2.55 2.55 0 1 0-5.1 0" />
</g>
</svg>
</div>
</div>
<div class="footer-right">
<div class="column">
<h1>USEFUL LINKS</h1>
<a href="index.html" class="footer-link active">> Home</a>
<a href="ourProjects.html" class="footer-link">> Our Projects</a>
<a href="futureProjects.html" class="footer-link">> Future Projects</a>
<a href="competition.html" class="footer-link">> Provita Competition</a>
<a href="ourLeadership.html" class="footer-link">> Our Leadership</a>
<a href="contact.html" class="footer-link">> Contact Us</a>
</div>
<div class="column">
<h1>CONTACT US</h1>
<h2 class="footer-link">200 Hackensack Avenue, Hackensack, New Jersey 07670</h2>
<h2 class="footer-link">[email protected]</h2>
</div>
</div>
</footer>
<script src="scripts/universal.js"></script>
<script src="scripts/index.js"></script>
</body>
</html>