-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (112 loc) · 5.13 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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Science</title>
<link href="css/science.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- Main Container -->
<div class="container">
<!-- Header -->
<header class="header">
<h1 class="logo">SCIENCE</h1>
</header>
<!-- Hero Section -->
<section class="intro">
<div id="hero-card" class="column">
<h3>SCIENCE</h3>
<img src="images/NielsBohr.jpeg" alt="Photo of Niels Bohr at chalkboard" class="profile">
</div>
<div class="column">
<p>As technology is the house we live in, Science is its foundation and the platform for our modern lives. For
instance,</p>
<quote>"theoretical physics largely constructed our modern economy. It invented the world wide web; it invented
the semiconductor, gave us nuclear power, nuclear weapons, our communications technology in the
electromagnetic spectrum. So many things of the things we take for granted, including molecular biology, came
out of theoretical physics."
<span class="quote-dude"> - Eric Weinstein</span></quote>
<p>The investments made into science have paid back many-fold.</p>
</div>
</section>
<div>
<img id="science-map" alt="Chart of Sciences"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/The_Scientific_Universe.png/1920px-The_Scientific_Universe.png">
</div>
<!-- Stats Gallery Section -->
<div class="gallery">
<div class="thumbnail">
<a href="#"><img src="https://cdn8.openculture.com/wp-content/uploads/2014/04/30000623/sagan_tyson.png"
alt="Niel DeGrass Tyson and Carl Sagan" class="cards" /></a>
<h4>ASTRONOMY</h4>
<p class="tag">Space, stars, the cosmos</p>
<p class="text_column">Astronomy is a study of things beyond the earth.</p>
</div>
<div class="thumbnail">
<a href="#"><img src="https://news.stanford.edu/news/2008/september10/gifs/stress.jpg" alt="Robert M Sapolsky"
class="cards" /></a>
<h4>BIOLOGY</h4>
<p class="tag">About 8.7 million species</p>
<p class="text_column">The study of life in all it's variety and complexity.</p>
</div>
<div class="thumbnail">
<a href="#"><img
src="https://d1ymz67w5raq8g.cloudfront.net/Pictures/460x307//4/1/6/17416_3organicchemistrybackground_619603.jpg"
alt="structural formulas and apparatus" class="cards" /></a>
<h4>CHEMISTRY</h4>
<p class="tag">118 elements => 60 million chemical compounds</p>
<p class="text_column">What's the matter?</p>
</div>
<div class="thumbnail">
<a href="#"><img
src="https://www.indstate.edu/cas/sites/arts.indstate.edu/files/Earth%20and%20Environmental%20Systems/Envi%20Geoscience%20main%20page%20pic.jpg"
alt="a canyon view" class="cards" /></a>
<h4>GEOSCIENCE</h4>
<p class="tag">Earth.</p>
<p class="text_column">Our only habitable ecosystem.</p>
</div>
</div>
<div class="gallery">
<div class="thumbnail">
<a href="#"><img src="https://pbs.twimg.com/media/ES2zoG8U0AgpDSR.jpg" alt="Fermilab" class="cards" /></a>
<h4>PHYSICS</h4>
<p class="tag">Physics is as physics does</p>
<p class="text_column">Our most precisely measured science.</p>
</div>
<div class="thumbnail">
<a href="#"><img
src="https://cdn.vox-cdn.com/thumbor/SPfFKo8Ip1azgE3GFjxVvJEcV0Q=/0x0:2539x1624/1200x800/filters:focal(1067x609:1473x1015)/cdn.vox-cdn.com/uploads/chorus_image/image/65958899/GettyImages_862457080.0.jpg"
alt="an abstract of people socializing" class="cards" /></a>
<h4>SOCIAL SCIENCES</h4>
<p class="tag">Regarding people,</p>
<p class="text_column">People are complex. When they associate it's complicated.</p>
</div>
<div class="thumbnail">
<a href="#"><img src="https://thumbs.gfycat.com/GrotesqueApprehensiveCusimanse-size_restricted.gif"
alt="Hopf fibration" class="cards" /></a>
<h4>MATHEMATICS</h4>
<p class="tag">Abstract or applied</p>
<p class="text_column">As a "formal science" math is a study of numbers, properties, and then some.</p>
</div>
<div class="thumbnail">
<a href="#"><img
src="https://upload.wikimedia.org/wikipedia/commons/c/cc/Digital_rain_animation_medium_letters_shine.gif"
alt="raining characters" class="cards" /></a>
<h4>COMPUTER SCIENCE</h4>
<p class="tag">A formal study of computation</p>
<p class="text_column">Algorithms + Data Structures = Programs</p>
</div>
</div>
<!-- Footer Section -->
<footer id="contact">
<p class="contact_label">GET IN TOUCH WITH ME</p>
<div class="button">EMAIL ME</div>
</footer>
<!-- Copyrights Section -->
<div class="copyright">©2020 - <strong>SCIENCE</strong></div>
</div>
<!-- Main Container Ends -->
</body>
</html>