-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutUs.html
120 lines (104 loc) · 4.75 KB
/
aboutUs.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
<!DOCTYPE html>
<html>
<head>
<title>Organize the Chaos</title>
<link rel="stylesheet" href="./CSS/index.css">
<link rel="stylesheet" href="./Components/Dropdown/dropdown.css">
<link rel="stylesheet" href="./Components/flip-cards/flip-cards.css">
<script defer="defer" src="./Components/Dropdown/dropdown.js"></script>
</head>
<body style="background-image: url(https://proxy.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.photohdx.com%2Fimages%2F2016%2F03%2Fclose-up-cork-wood-texture.jpg&f=1);">;>
<div class="header-container">
<div class="dropdown">
<div class="dropdown-button">Menu</div>
<div class="dropdown-content dropdown-hidden">
<a class="dropdown-link" href="landing.html">The Modern Researcher</a>
<a class="dropdown-link" href="https://moderndayresearcher.firebaseapp.com">Login</a>
<a class="dropdown-link" href="index.html">Home</a>
<a class="dropdown-link" href="aboutUs.html">About Us</a>
</div>
</div>
<p class="header">The Modern Researcher </p>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="img/Andy.png" alt="Avatar" style="width:300px;height:300px; padding:5px">
</div>
<div class="flip-card-back">
<h1>Andy Bettisworth</h1>
<p>Front End Wizard</p>
<p>The Man. THe Myth. The Legend</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="img/Remi.png" alt="Avatar" style="width:300px;height:300px; padding:5px">
</div>
<div class="flip-card-back">
<h1>Remi Becheru</h1>
<p>User Interface</p>
<p>UI is where I spend most of my days.</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="img/McFerrenm.png" alt="Avatar" style="width:300px;height:300px; padding:5px">
</div>
<div class="flip-card-back">
<h1>Max McFerrenm</h1>
<p>Team Lead</p>
<p>Oh Captain, my Captain</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="img/Michael.png" alt="Avatar" style="width:300px;height:300px; padding:5px">
</div>
<div class="flip-card-back">
<h1>Michael Del Zotto</h1>
<p>Front End</p>
<p>I was here so the project is golden</p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="img/Stacy.png" alt="Avatar" style="width:300px;height:300px; padding:5px">
</div>
<div class="flip-card-back">
<h1>Stacy Williams</h1>
<p>User Interface</p>
<p>My candle burns at both ends; it will not last the night; but ah, my foes, and oh, my friends - it gives a lovely light! Edna St.
Vincent Millay </p>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="img/Anubhav.png" alt="Avatar" style="width:300px;height:300px; padding:5px">
</div>
<div class="flip-card-back">
<h1>Anubhav Bhambri</h1>
<p>Backend</p>
<p>Anubhav is a full-stack web developer with a background in corporate law. He has worked for 3 years as a corporate law professional.
He likes reading books on a wide range of disciplines, and through books, he found his love for technology and decided to switch.
When not coding or reading, you'll find him hanging out with his friends or playing football. He is also a big fan of the Marvel Comic Universe.</p>
</div>
</div>
</div>
<div class= 'footer-container'>
<footer>
<h3>© 2019 The Modern Researcher</h3>
</footer>
</div>
</body>
</html>