-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
155 lines (154 loc) · 7.65 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
144
145
146
147
148
149
150
151
152
153
154
155
<!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 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://use.typekit.net/tyg1nlb.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/about.css">
<title>About Us</title>
</head>
<body>
<main>
<section class="up-header">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12" id="top-bar">
<div class="container nav-top">
<nav class="navbar d-flex justify-content-end">
<div class="content">
<a href="#"><i class="fa fa-facebook fa-2x"></i></a>
<a href="#"><i class="fa fa-twitter fa-2x"></i></a>
<a href="#">English</a>
<a href="#"> My page</a>
<a href=""> Logout </a>
</div>
</nav>
</div>
</div>
</div>
</div>
</section>
<section class="hamburger-page">
<nav class="navbar navbar-expand-md navbar-md-light bg-light">
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<a href="#"><img src="./images/close.png" id="close-ham-img" alt="closeX"></a>
<a href="#" class="navbar-brand">Tannah</a>
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Attend</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Awards</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact Us</a>
</li>
</ul>
</div>
</nav>
</section>
<section class="hamburger-menu">
<div class="container-fluid">
<a href="#"><img class="icon" src="./images/hamburger.png" alt="three lines of hamburger menu "></a>
</div>
<nav class="navbar navbar-expand-md navbar-md-light bg-light">
<div class="collapse navbar-collapse">
<a href="index.html" class="navbar-brand"><img src="./images/logo.png" alt="GHC logo image"></a>
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active font" aria-current="page" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link color font" href="#">Attend</a>
</li>
<li class="nav-item">
<a class="nav-link color font" href="#">Awards</a>
</li>
<li class="nav-item">
<a class="nav-link color font" href="#">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link color font" href="#">Contact Us</a>
</li>
<li class="nav-item" id="nav-btn">
<a class="nav-link active" href="#">Get Involved</a>
</li>
</ul>
</div>
</nav>
</section>
<section class="first-content d-flex flex-column align-items-center">
<div class="content-img">
<img src="./images/first-content.png" alt="about image">
</div>
<div class="detail-desc mt-5 ">
<p class="font m-4">
The Grace Hopper Celebration of Women in Computing is a series of conferences designed to bring the research and career interests of women in computing to the forefront.
It is the world's largest gathering of women in computing <br> Created in 1994 and inspired by the legacy of Admiral Grace Murray Hopper,
the AnitaB.org flagship event Grace Hopper Celebration brings the research and career interests of women in computing to the forefront.<br>
Today, GHC is the world’s largest gathering of women technologists, where women from around the world learn, network, and celebrate their achievements.<span> AnitaB.org co-presents GHC with the Association of Computing Machinery (ACM)</span>
</p>
</div>
<div class="contact">
<p class="p-contact mt-5 font text-center w-4">Please contact us per Email for any further questions about GHC Women in computing Conference 2021
!<br><strong>[email protected]</strong></p>
</div>
</section>
<section class="about-second-section d-flex flex-column align-items-center m-5">
<h3 class="font color">GHC Women in computing Conference 2021 Logo</h3>
<p>The logo of GHC Annual Conference 2021 was decided throught the logo competition form 8.June to 7.July.
</p>
<img src="./images/GHC-Logo.jpg" alt="logo-image" class="GHC-logo">
<hr>
</section>
<section class="events d-flex flex-column align-items-center justify-content-center">
<h4 class="font text-center">See the past Global conferences</h4>
<p class="events-para mx-5">Take a look at the last two Computing Globalconferences in Buenos Aires and in Warsaw.</p>
<div class="events-images d-flex m-5">
<img src="./images/event2.png" alt="first-event" class="first-event">
<img src="./images/event1.png" alt="second-event" class="second-event">
</div>
</section>
</main>
<footer class="mt-5">
<div class="up-footer bg-dark bg-gradient">
<div class="row w-100">
<h3 class="mt-4 text-center">
Partner
</h3>
<div class="col-6 col-md-2">
<img src="./images/mozilla.png " alt="mozilla icon">
</div>
<div class="col-6 col-md-2">
<img src="./images/line-friends.png " alt="line friends icon">
</div>
<div class="col-6 col-md-2">
<img src="./images/googlekorea.png" alt="google icon">
</div>
<div class="col-6 col-md-2">
<img src="./images/airbnb.png" alt="airbnb icon">
</div>
</div>
</div>
<div class="down-footer d-flex justify-content-center h-5">
<img src="./images/logos.jpg" alt="Logo of GHC desktop" class="desktop-logo">
<img src="./images/logo.png" alt="Logo of GHC mobile" class="mob-logo">
<h4>2021 GHC Conference . Some Rights Reserved</h4>
</div>
</footer>
<script src="./js/script.js"></script>
</body>
</html>