-
Notifications
You must be signed in to change notification settings - Fork 0
/
subpage.html
142 lines (134 loc) · 8.5 KB
/
subpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="src/css/subpage.css">
<script src="lib/jquery.min.js"></script>
<title>Friendzymes: Let's democratize biotechnology!</title>
</head>
<body>
<div class="container">
<div class="top-banner">Banner</div>
<!-- NAVIGATION SIDE BAR---------------------------------------------->
<div class="hamburger-menu">
<div class="bar top"></div>
<div class="bar middle"></div>
<div class="bar bottom"></div>
</div>
<div id="mySidenav" class="sidenav">
<div class="sidenav-content">
<div class="sidenav-item project-item">Project
<div class="subpages project-subpages">
<a href="#">Description</a>
<a href="#">Engineering</a>
<a href="#">Model</a>
<a href="#">Contribution</a>
<a href="#">Proof of Concept</a>
<a href="#">Proposed Implementation</a>
</div>
</div>
<div class="sidenav-item software-item">Software
<div class="subpages software-subpages">
<a href="#">subpage</a>
<a href="#">subpage</a>
<a href="#">subpage</a>
<a href="#">subpage</a>
</div>
</div>
<div class="sidenav-item lab-item">Labs
<div class="subpages labs-subpages">
<a href="#">Design</a>
<a href="#">Results</a>
<a href="#">Protocols</a>
<a href="#">Notebook</a>
<a href="#">Safety</a>
</div>
</div>
<div class="sidenav-item hardware-item">Hardware
<div class="subpages hardware-subpages">
<a href="#">subpage</a>
<a href="#">subpage</a>
<a href="#">subpage</a>
<a href="#">subpage</a>
</div>
</div>
<div class="sidenav-item hp-item">HP
<div class="subpages hp-subpages">
<a href="#">Main/General</a>
<a href="#">Integrated Human Practices</a>
<a href="#">Education & Communication</a>
</div>
</div>
<div class="sidenav-item team-item">Team
<div class="subpages team-subpages">
<a href="#">About us</a>
<a href="#">Inclusivity</a>
<a href="#">Collaborations</a>
<a href="#">Sponsors</a>
<a href="#">Partnership</a>
<a href="#">Attributions</a>
</div>
</div>
<div class="sidenav-item">Awards</div>
</div>
</div>
<!--------------------------------------------------------------------->
<div class="Subtitle">
<div class="main-subtitle">Title</div>
<div class="line"></div>
<div class="subtopic"> Subtopic</div>
</div>
<div class="index"> index </div>
<div class="subsite-container">
<a href="#">Subsite</a>
<a href="#">Subsite</a>
<a href="#">Subsite</a>
<a href="#">Subsite</a>
</div>
<div class="submenu-title">Project</div>
<div class="submenu-content">
<a href="#about">About the Project</a>
<a href="#model">Model</a>
<a href="#contribution">Contribution</a>
<a href="#proof">Proof of Concept</a>
<a href="#">Proposed Implementation</a>
<a href="#">Collaborations</a>
</div>
<div class="Title">Title</div>
<div class="text-container">
<h2 id="about">About the Project</h2>
<div class="text">
Now that we know who you are, I know who I am. I'm not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass.
Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows. Some pilots get picked and become television programs. Some don't, become nothing. She starred in one of the ones that became nothing.
The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.
</div>
<h2 id="model">Model</h2>
<div class="text">
Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb.
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
</div>
<h2 id="contribution">Contribution</h2>
<div class="text">
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.
</div>
<h2 id="proof">Proof of Concept</h2>
<div class="text">
Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
<p>
Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.
</p>
</div>
</div>
<img class="footer-enzyme1" src="src/img/dna-ligase.png" alt="footer enzyme">
<img class="footer-enzyme2" src="src/img/dna-ligase.png" alt="footer enzyme">
<img class="footer-enzyme3" src="src/img/dna-ligase.png" alt="footer enzyme">
</div>
<footer>
Sponsors?
</footer>
<script src="src/js/subpage.js"></script>
</body>
</html>