-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhistory.html
175 lines (154 loc) · 8.66 KB
/
history.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="We are medikom. Please visit our page to learn more about our mission and our products.">
<title>Our History | medikom</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="shortcut icon" type="image/jpg" href="favicon.png"/>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<!-- navbar -->
<header class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="/"><img src="images/logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link disabled active" href="history.html">Our History</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</header>
<!-- section header -->
<section class="headerContainer">
<div class="container d-flex align-items-center" style="height: 20vh;">
<div class="row">
<h1>
Our History
</h1>
</div>
</div>
</section>
<section class="divider"></section>
<!-- main content -->
<section class="timelineSection">
<div class="container d-flex align-items-center">
<div class="row align-self-center">
<!-- timeline -->
<div class="col-lg-6 col-md-12">
<ul class="timelineUl">
<li>
<h2>2021 and beyond</h2>
<p>After the Covid-19 Pandemic, we switched our focus to helping to go back to normal life. We reset our production back to pre-pandemic levels. Right now, we are back at the drawing board, coming up with brand new ideas and innovations for our customers.</p>
</li>
</ul>
<ul class="timelineUl">
<li>
<h2>2020</h2>
<p>With the Covid-19 Pandemic, we had to change our production to boost devices that helped to bridge the gap between doctors and isolated patients. Our REMOTE line was widely credited to helping doctors keep those healthy who needed it. We also started to come up with new ideas to help to begin adjusting to the new world post-pandemic.
</p>
</li>
</ul>
<ul class="timelineUl">
<li>
<h2>2019</h2>
<p>In 2019, we revealed the REMOTE line of products. These were designed specifically with this possibility of a future pandemic and to ensure that home-bound patients could always be taken care of. 2019 also saw our telemedicine kiosks begin to be used around the world.</p>
</li>
</ul>
<ul class="timelineUl">
<li>
<h2>2016</h2>
<p>In 2016, John Johnson brought on Doctor Levi Jordan to help decide what doctors really needed in their work environments. Johnson began to prototype many of the webcams and telephones that we still sell today.</p>
</li>
</ul>
<ul class="timelineUl">
<li>
<h2>2013</h2>
<p>In 2013, John Johnson created his idea to revolutionize the future of medical telecommunications. He began to establish his ideas on building products that made it easier for doctors and nurses to communicate around their offices and with their patients. </p>
</li>
</ul>
</div>
<!-- images -->
<div class="col-5 offset-1 d-none d-lg-block">
<figure class="timelineImageContainer margin-bottom-1">
<img src="images/prosthetic.jpg" alt="technician working with man with prosthetic arm">
<figcaption class="figure-caption margin-top-1">Our technicians are working with new ideas and possibilities every day.</figcaption>
</figure>
<figure class="timelineImageContainer margin-bottom-1">
<img src="images/doctorusingtablet.jpg" alt="Doctor looking at skeleton on tablet">
<figcaption class="figure-caption margin-top-1">A doctor using our special application built for them.</figcaption>
</figure>
<figure class="timelineImageContainer margin-bottom-1">
<img src="images/johnson.jpg" alt="medikom founder John Johnson">
<figcaption class="figure-caption margin-top-1">Image of our founder John Johnson.</figcaption>
</figure>
</div>
</div>
</div>
</section>
<section class="divider"></section>
<!-- footer -->
<footer class="container-fluid">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
00000, 123 Example Rd<br>
New York<br>
New York<br>
(415) 555-0132<br>
</div>
<section class="divider d-sm-none"></section>
<div class="col-md-3 col-sm-6">
<a class="footerNav" href="/">Home</a><br>
<a class="footerNav" href="history.html">Our History</a><br>
<a class="footerNav" href="products.html">Products</a><br>
<a class="footerNav" href="news.html">News</a><br>
<a class="footerNav" href="contact.html">Contact</a>
</div>
<section class="divider d-md-none"></section>
<div class="col-md-6 col-sm-12">
<p class="newsletterHeader">Newsletter</p>
<p>Sign up for our newsletter for the latest updates on our products!</p>
<form onsubmit="return false" id="footer-form">
<input type="text" class="form-control" placeholder="Email" id="footer-email">
<button class="btn btn-primary margin-top-1" onclick="showConfirmationEmail()">Submit</button>
</form>
<p id="footerEmailSuccess" class="margin-top-1">You have been successfully registered!</p>
<p id="footerEmailFailure" class="margin-top-1">Please enter a valid email address.</p>
</div>
</div>
<section class="divider"></section>
<div class="row">
<div>
© 2021 | TSA Team #### | <a class="footerNav" href="works.html"><u>Works Cited</u></a>
<br class="d-md-none">
</div>
</div>
</div>
</footer>
</body>
</html>