-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (107 loc) · 5.06 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
<!-- Created by Brittany Halterman, Spring 2022 -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Brittany Halterman</title>
<meta charset="UTF-8">
<meta name="keywords" content="Halterman, developer, computer programming, programmer, student, profile, portfolio">
<meta name="description" content="Brittany Halterman's Profile">
<meta name="author" content="Brittany Halterman">
<link rel="stylesheet" href="css/index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<h1>Brittany Halterman</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#connect">Connect</a></li>
<li><a href="#leave_message">Leave a Message</a></li>
</ul>
</nav>
</header>
<main id="main">
<section id="about">
<h2>About</h2>
<p>Brittany Halterman is a promising student of computer
programming. She is a problem solver and critical thinker.
Brittany has an aptitude for mathematics and experience
as an administrative assistant. She is currently studying
computer programming through Code the Dream and looks forward
to a future career as a full-stack web developer.</p>
</section>
<div id="headshot">
<img src="img/headshot3.jpg" alt="Brittany Halterman's professional headshot"/>
</div>
<section id="experience">
<h2>Experience</h2>
<ul class="flex-list">
<li>Student, Code the Dream</li>
<li>Administrative Assistant, MOVE LLC.</li>
</ul>
</section>
<section id="education">
<h2>Education</h2>
<ul>
<li>Associate of Science, Wake Technical Community College</li>
<li>Associate of Arts, Wake Technical Community College</li>
</ul>
</section>
<section id="skills">
<h2>Skills</h2>
<ul class="flex-list">
</ul>
</section>
<section id="projects">
<h2>Projects</h2>
<ul id="projectList"></ul>
</section>
<section id="connect">
<h2>Connect</h2>
<p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
<p><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/brittany-halterman-4087611aa">Brittany Halterman</a></p>
<p><strong>GitHub:</strong> <a href="https://github.com/brihalterman">BriHalterman</a></p>
</section>
<section id="contact">
<h2>Leave a Message</h2>
<form name="leave_message" id="leave_message">
<div id="form_name">
<label>Name</label><br>
<input type="text" name="name" requied="true"><br>
</div>
<div id="form_email">
<label>Email</label><br>
<input type="email" name="email" required="true"><br>
</div>
<div id="form_message">
<label>Message</label><br>
<input type="textarea" name="message" required="true"></textarea><br>
</div>
<button type="submit" class="button">Submit</button>
</form>
</section>
</main>
<footer>
<script src="js/index.js"></script>
<ul id="social_media">
<li class="social_media__item">
<a class="colorless" href="https://www.linkedin.com/in/brittany-halterman-4087611aa" target="_blank" title="LinkedIn">
<i class="fa fa-linkedin-square" style="font-size:24px"></i>
</a>
</li>
<li class="social_media__item">
<a class="colorless" href="https://github.com/brihalterman" target="_blank" title="GitHub">
<i class="fa fa-github-square" style="font-size:24px"></i>
</a>
</li>
</ul>
</footer>
</body>
</html>