-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
143 lines (133 loc) · 7.21 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
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 name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Meagan's Personal Website</title>
<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 href="styles.css" rel="stylesheet">
<script src="https://kit.fontawesome.com/aba687007f.js"></script>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- Open Graph Data -->
<meta property="og:title" content="Meagan's Personal Website" />
<meta property="og:url" content="https://meagancojocar.github.io/" />
<meta property="og:image" content="meagan.png" />
<meta property="og:description" content="Meagan Cojocar, business graduate, product manager & dev." />
<meta property="og:site_name" content="Meagan's Personal Website" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-78171607-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-78171607-3');
</script>
</head>
<body>
<div class="container-fluid heading">
<div class="row row-1 flex-sm-row-reverse align-items-center text-center text-md-left">
<div class="col-md-6 col-sm-12 r1c2">
<img src="meagan.png" alt="Profile picture, Meagan Cojocar">
</div>
<div class="col-md-5 col-sm-12 r1c1">
<h1 class="name">Hi, I'm Meagan.</h1>
<p>Product manager + Padawan dev.</p>
<a href="https://twitter.com/MeaganCojocar" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/meagan-cojocar-58204265" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/meagancojocar" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
</div>
<div class="container-fluid bio">
<div class="row row-2 align-items-center p-sm-4">
<div class="col-md-5 col-sm-12">
<h3>I'm currently...</h3>
<p>Senior Product Manager @ AWS, based in Seattle.</p>
</div>
</div>
</div>
<div class="container-fluid career">
<div class="row row-3 align-items-center p-sm-4">
<div class="col-12 title text-sm-center text-md-left pl-md-4">
<h3>What I do</h3>
<div class="row row-4 d-flex justify-content-between pr-1 pl-3">
<div class="col-md-2 col-sm-5 col-xs-12 square">
<p>Data Analysis</p>
</div>
<div class="col-md-2 col-sm-5 col-xs-12 square">
<p>Product Management</p>
</div>
<div class="col-md-2 col-sm-5 col-xs-12 square">
<p>Agile Software Development</p>
</div>
<div class="col-md-2 col-sm-5 col-xs-12 square">
<p>SQL, Python, Django</p>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid projects">
<div class="row row-5">
<div class="col-12 title text-sm-center text-md-left pl-md-5">
<h3>What I've done</h3>
</div>
</div>
<div class="row row-4 d-flex justify-content-between pl-5 pr-5">
<div class="col-md-5 col-xs-12 d-flex square-card">
<div class="col-md-3 col-xs-6 d-flex align-items-center icon">
<i class="far fa-file-code"></i>
</div>
<a href="https://github.com/meagancojocar/meagancojocar.github.io" target="_blank" class="col-md-10 col-xs-6">
<h4>Personal Portfoli Website</h4>
<p>Using HTML, CSS and Bootstrap</p>
</a>
</div>
<div class="col-md-5 col-xs-12 d-flex square-card">
<div class="col-md-3 col-xs-6 d-flex align-items-center icon">
<i class="fab fa-js-square"></i>
</div>
<a href="drum-kit.html" target="_blank" class="col-md-10 col-xs-6">
<h4>Simple JS Drum Kit</h4>
<p>Javascript</p>
</a>
</div>
<div class="col-md-5 col-xs-12 d-flex square-card">
<div class="col-md-3 col-xs-6 d-flex align-items-center icon">
<i class="fab fa-js-square"></i>
</div>
<a href="clock.html" target="_blank" class="col-md-10 col-xs-6">
<h4>Simple JS Clock</h4>
<p>Javascript</p>
</a>
</div>
</div>
</div>
<div class="container-fluid footer">
<div class="row row-8">
<div class="col-12 r8c1 pl-5">
<h3>Drop me a note</h3>
</div>
</div>
<div class="row row-9 d-flex justify-content-between pl-5 pr-5">
<div class="col-md-6 col-sm-12">
<form action="https://formspree.io/[email protected]" method="POST">
<div class="form-group">
<label for="emailInput">Your email</label>
<input name="email" type="email" class="form-control" id="emailInput">
</div>
<div class="form-group">
<label for="textInput">Your message</label>
<textarea name="message" class="form-control" id="textInput" rows="3"></textarea>
</div>
<button type="submit" class="button">Send!</button>
</form>
</div>
</div>
</div
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>