generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
143 lines (96 loc) · 4.9 KB
/
about.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
<!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="./about.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<title>Capstone</title>
</head>
<body>
<div class="containerr">
<nav class="navbar">
<button class="hamburger">
<span><i class="fa fa-bars fa-2x"></i></span>
</button>
<button class="close">
×
</button>
<ul class="social-media-contact">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#">English</a></li>
<li><a href="#">My Page</a></li>
<li><a href="#">Login</a></li>
</ul>
<div class="nav-desktop-container" >
<div class="hide-mobile"><a href="#" ><img id="navbar-logo" src="img/hubblespace.png" alt="hubble"></a></div>
<div>
<ul class="desktop-nav ">
<li><a class="mnitem about-bar" href="index.html">Home</a></li>
<li><a class="mnitem" href="index.html#mainprogram">Program</a></li>
<li><a class="mnitem" href="index.html#speak">Speakers</a></li>
<li><a class="mnitem" href="index.html#fund">Funding</a></li>
<li><a class="mnitem register-bar" href="#">Register</a></li>
</ul>
</div>
</div>
</nav>
<main>
<section class="infos">
<div>
<h1 class="ourmilkyway"> Our Milky way</h1>
<div class="orange-line"></div>
</div>
<p class="conference-description">Our Milky way is a one in a year conference that gathers top astrophysicits from around the world to celebrate the annual anniversary of the Hubble space telescope. The NASA Hubble Space Telescope is a project of international cooperation between NASA and ESA, It was not the first space telescope, but it is one of the largest and most versatile, renowned both as a vital research tool and as a public relations boon for astronomy. </p>
<p class="contact"> Please contact us per Email for any further questions about Our milky way conference <br> <strong> <a href="#">ourmilkyway@hubble.com </a></strong> <button class="arrow"><i class="fas fa-caret-right"></i> </button> </p>
</section>
<section class="conference-logo">
<div>
<h2 class="logo-title"> Our Milky way</h2>
<div class="orange-line"></div>
</div>
<p class="logo-description">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel iusto maiores veniam quae labore tempora laboriosam quis quidem <br> dignissimos illo excepturi nostrum ut, placeat dicta quam provident repellat animi voluptas.
</p>
<img src="img/hubblespace.png" alt="hubble-logo">
</section>
<section class="past-conference">
<div>
<h2 class="past-title"> See our past astrophysics conferences</h2>
<div class="orange-line"></div>
</div>
<p class="past-description">
Have a look at our past astrophysics conferences which took place at New York and Paris
</p>
<div class="past-conference-container">
<div class="background1">
<div class="past-conf1">
<h3 class="past-conf-title">Edge of space</h3>
<p class="past-conf-description"> conference held in New York</p>
</div>
</div>
<div class="background2">
<div class="past-conf2">
<h3 class="past-conf-title">Into black holes</h3>
<p class="past-conf-description"> conference held in Paris</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<img id="logo" src="img/hubblespace.png" alt="hubble">
<div>
<p>
2021 our Milky way. some rights Reserved
</p>
</div>
</footer>
<script type="text/javascript" src="js/about.js" ></script>
</div>
</body>
</html>