-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (84 loc) · 4.55 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Landing Page</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="introduction">
<div class="header">
<div class="image-container">
<img src="./images/Polestar_logo_2020.svg" alt="A white, geometric logo of the company on the dark blue background.">
</div>
<div class="list-container">
<ol>
<li>Products</li>
<li>Technologies</li>
<li>Investors</li>
</ol>
</div>
</div>
<div class="entry">
<div class="left-side">
<div class="first">
<h1>Welcome to Anansi</h1>
</div>
<div class="second">
<p>This webpage is not an actual webpage for a company, instead it is part of my The Odin Project webpage that is intended only as a test.</p>
</div>
<div class="button" id="button1">
<button class="sign-up" type="button">Sign up</button>
</div>
</div>
<div class="image" sr>
<img class="photo" src="./images/national-cancer-institute-zoFbfT0M_BU-unsplash.jpg" alt="A photo of the human cells colored in purple swimming through the liquids">
</div>
</div>
</div>
<div class="second-part">
<div class="text">
<h2>Use cases of our bleeding-edge technologies.</h2>
</div>
<div class="illustrations-and-description">
<div class="illustration-and-description">
<img class="illustration" src="./images/nasa-yZygONrUBe8-unsplash.jpg" alt="A photo of the space cargo ship docked to the ISS with the beautiful blue earth with lots of volumetric and astonishing clouds in the background. A bit of space can be seen around the edges.">
<p>Space agriculture and on-board genome sequencing.</p>
</div>
<div class="illustration-and-description">
<img class="illustration" src="./images/louis-reed-pwcKF7L4-no-unsplash.jpg" alt="A photo of the pipette filled with a purple liquid filling the dozens of small test tubes on the black container.">
<p>Quick and easy access to mass production of indivdualized medicine.</p>
</div>
<div class="illustration-and-description">
<img class="illustration" src="./images/waldemar-I8HO0vX-fds-unsplash.jpg" alt="A photo of corn green corn plants on the sunny day with the skye at the background. View from the ground.">
<p>Improved crop yields using our latest m-RDNA personalized genome editing.</p>
</div>
<div class="illustration-and-description">
<img class="illustration" src="./images/glitch-lab-app-2d0Mk82TGI8-unsplash.jpg" alt="Abstract digital art with colors swirling around each other in an wave form.">
<p>Mega-scale chemical and biological prediction models.</p>
</div>
</div>
</div>
<hr/>
<div class="third-part">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Gravida quis blandit turpis cursus in. Integer enim neque volutpat ac tincidunt. Nec ullamcorper sit amet risus nullam eget. Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. Tincidunt lobortis feugiat vivamus at.</p>
<h3>- CEO of Anansi, James Rottenberg</h3>
</div>
<div class="fourth-part">
<div class="container">
<div class="vertical flex">
<h3>Sign up for our news from the bleeding edge of bio technology</h3>
<p>Sign up for our news because we need money.</p>
</div>
<div class="button-container">
<button class="sign-up-2" type="button" id="button-two">Sign up</button>
</div>
</div>
</div>
</div>
<hr id="hr-two"/>
<div class="footer">
<h3> © 2023 Anansi Technologies Inc. All rights reserved.</h3>
</div>
</body>
</html>