-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
197 lines (169 loc) · 7.97 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Tech Gals - About</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/clean-blog.min.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="index.html">Tech Gals</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="post.html">Episodes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="masthead" style="background-image: url('img/about-bg.jpg')">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="page-heading">
<h1>About Tech Gals</h1>
<!-- <span class="subheading">This is what I do.</span> -->
</div>
</div>
</div>
</div>
</header>
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<p>A podcast for women, minorities, allies, and all those aspiring or currently in tech. Tech Gals is hosted by Maddy Chen, a current student and aspiring engineer. It’s no secret that the tech industry lacks diversity and representation. She was inspired to create this podcast because she believes that it’s easier to feel like you belong when you see (or hear!) others who’ve experienced or overcome similar obstacles.</p>
<p>Tech Gals became that vehicle where she could help share and showcase stories of women and other minorities in tech.</p>
<p>There’s the “brogrammer” and the “tech bros” - here’s to the tech gals.</p>
</div>
</div>
</div>
<div class="container">
<div class="header">
<h2>ABOUT THE HOST</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<img src="img/maddy-photo.png" width="350" height="500">
</div>
<div class="col-sm-8">
<p>Hi! I’m Maddy - I’m currently studying Data Science and Economics at UC Berkeley (next to all the tech giants in Silicon Valley!)</p>
<p>Throughout my education and professional experiences, I’ve often felt an internal and external pressure that I didn’t belong in STEM or tech. As a result, I wanted to reach out to various industry role models and leaders to listen to their experiences. Instead of just having me learn from their experiences, I realized that creating a podcast would allow others to listen too - that’s how Tech Gals was born.</p>
<p>Outside of school, you’ll usually find me speed walking through campus, shopping at Trader Joes, daydreaming about my next travel adventure, or weightlifting at the gym.</p>
<p>I hope you all are excited to join me in this journey in navigating and exploring the enormous tech world together!</p>
</div>
</div>
<hr>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="https://open.spotify.com/show/1N81jsVcuuNT1SLsNSgMYl">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-spotify fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="https://podcasts.apple.com/us/podcast/tech-gals/id1522703981">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fa fa-podcast fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="https://www.instagram.com/tech.gals/">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="https://www.facebook.com/techgals/">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="mailto:[email protected]">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="far fa-envelope fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="https://www.linkedin.com/company/tech-gals-podcast">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="https://anchor.fm/techgals">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fa fa-anchor fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener noreferrer" href="https://github.com/techgals">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<p class="copyright text-muted">Copyright © Tech Gals 2020</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/clean-blog.min.js"></script>
</body>
</html>