-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (61 loc) · 2.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Cecile Nguyen's Portfolio</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- header of the website; contains name, title, and program -->
<header>
<h1>Cecile Nguyen</h1>
<p>Software Engineering Student | Thinkful</p>
</header>
<!-- navigation for the website; directs the user to intro, about, and contact sections -->
<nav class="nav">
<a href='#intro'>Intro</a>
<a href='#about'>About</a>
<a href='#contact'>Contact</a>
</nav>
<!-- image 1 of the website; contains headshot -->
<main>
<div class="container">
<img src="images/cecile-headshot.jpg" class="image" alt="Photo of Cecile">
<!-- intro section of the website; a short sentence that includes name, current location, and career goal -->
<article>
<h2 id='intro'>Intro</h2>
<p>My name is Cecile and I currently live in San Francisco where I plan on pursuing a career in web development to support health and wellness initiatives within the fitness industry.</p>
</article>
<hr> <!-- break between section to help readability-->
<!-- about me section of the website; provides an overview of background experience, current roles, and hobbies -->
<article>
<h2 id='about'>About Me</h2>
<p>I graduated from Virginia Tech with a BA in Applied Communications and Marketing. For the past eight years, I've worked in digital communications and marketing within the nonprofit sector and sports industry, gaining experience in social media, email marketing, and web design.</p>
<p>When I'm not coding as a Thinkful student, I am a professional NBA dancer as well as an operations associate for a luxury sports club. Through my dance and fitness passions, I've learned what it takes to be a team player, problem-solver, and performer which can all translate directly to the software engineering space.</p>
<img src="images/team-photo.jpg" class="image" alt="Photo of Warriors Dance Team">
<p>Aside from dancing and strength training, other hobbies I enjoy include:</p>
<ul>
<li>Organizing</li>
<li>Crafting</li>
<li>Cooking</li>
</ul>
<p>I am excited to learn and improve my skills on this new journey!</p>
</article>
<hr> <!-- break between section to help readability-->
<!-- contact section of the website; contains a list of links to LinkedIn and GitHub pages-->
<article>
<h2 id='contact'>Contact Me</h2>
<ol>
<li><a href="https://www.linkedin.com/in/cecilenguyen2/">LinkedIn</a></li> <li><a href="https://github.com/cecinguyenthinkful">GitHub</a></li>
</ol>
</article>
</div>
</main>
<!-- footer of the website; same background color as header for continuity -->
<footer>
<h3>Cecile Nguyen 2023</h3>
</footer>
<script src="script.js"></script>
</body>
</html>