-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
110 lines (110 loc) · 4.99 KB
/
blog.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
<!DOCTYPE html>
<html>
<head>
<title>InspiGirls Blog</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="main.css">
<link rel="stylesheet" type="text/css" href="interview.css">
</head>
<body>
<header>
<div class="row">
<img class="rotate col-sm-1" style="width: 100px; display: inline" src="images/inspiGirls.PNG"/>
<h1 class="col-sm-2">InspiGirls</h1>
<nav class="col-sm-9 text-right">
<p class="rotate"><a href="index.html">Home</a></p>
<p class="rotate"><a href="about.html">About</a></p>
<p class="rotate"><a href="blog.html">InspiHER Blog</a></p>
<!-- <p class="rotate"><a href="forum.html">Forum</a></p> -->
<p class="rotate"><a href="curriculum.html">Curriculum</a></p>
</nav>
</div>
</header>
<section id="blog-img" class="jumbotron">
<div class="container">
<div class="row text-center">
<h2>InspirHER Blog</h2>
</div>
</div>
</section>
<!-- <div id="blog">
<div class="post">
<h2>Example of a Post</h2>
<h3>June 13th</h3>
<h3>Crista M. Falk</h3>
<hr>
<strong class="opening-line">Here is a dramatic opening line</strong>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<img class="image-container" src="images/blog/example.jpg" />
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<hr>
</div> -->
<div id="blog">
<div class="post">
<h2>Interview: Sophie Paul</h2>
<hr>
<p class="title">What school will you be attending next fall? If applicable, what will you be majoring in?</p>
<p>“Carnegie Mellon, Materials science & engineering”</p>
<hr>
<p class="title">What inspired you to venture into STEM? Was it a specific moment?</p>
<p>“My robotics team”</p>
<hr>
<p class="title">Tell us a fun fact about yourself</p>
<p>“I’m a certified Scuba Diver”</p>
<hr>
<p class="title">Who is your role model? Who do you most look up to and why?</p>
<p>“My robotics coach! She didn’t let me quit when things got hard, and she helped me come up with solutions myself.”</p>
<hr>
<p class="title">Describe a challenge you've faced as a woman in STEM, and how you've overcome it</p>
<p>"I joined a robotics team as a freshman. I was the only girl. All the boys got to do what they wanted, but I had to be the secretary. So I left and started an all girls team."</p>
<hr>
<p class="title">What is your favorite website, or app to use?</p>
<p>"Photoshop or iMovie"</p>
<hr>
<p class="title">Where do you see yourself in 10 years?</p>
<p>“I don’t know, but maybe working with wearable tech/advanced textiles”</p>
<hr>
<p class="title">What advice do you have for other InspiHERing women?</p>
<p>“Don’t give up!!”</p>
<hr>
<p class="title">Do you have a favorite quote or song lyrics that describes you/your journey?</p>
<p>“never the less, she persisted”</p>
<hr>
<p class="title">Please share any awards or recognitions you have received so we can highlight your accomplishments.</p>
<p>
<ul>
<li>NCWIT Missouri Valley Affiliate Awardee</li>
<li>FIRST TECH CHALLENGE deans list semi finalist</li>
<li>Graduated high school top 10%</li>
</ul>
</p>
<hr>
<p class="title">We love pictures! Please share any that can be featured on our website!</p>
<img src="images/sophiepaul.PNG" alt="Sophie" style="width:100%">
<hr>
</div>
<hr>
</div>
<footer>
<div class="row">
<p class="col-sm-4">© 2018 InspiGirls</p>
<ul class="col-sm-8">
<li class="col-sm-1">
<a href=""><i class="up fa fa-twitter" style="font-size:36px"></i></a>
</li>
<li class="col-sm-1">
<a href=""><i class="up fa fa-facebook" style="font-size:36px"></i></a>
</li>
<li class="col-sm-1">
<a href=""><i class="up fa fa-instagram" style="font-size:36px"></i></a>
</li>
</ul>
</div>
</footer>
</body>
</html>