Skip to content

Commit 41d0458

Browse files
briHaltermanbriHalterman
committed
create js and img files & add html image, links, skills and copyright
1 parent 113c9ea commit 41d0458

File tree

3 files changed

+71
-41
lines changed

3 files changed

+71
-41
lines changed

‎img/headshot3.jpg

9.68 MB
Loading

‎index.html

+54-41
Original file line numberDiff line numberDiff line change
@@ -8,51 +8,64 @@
88
<meta name="author" content="Brittany Halterman">
99
</head>
1010

11-
<body>
12-
<div>
13-
<header>
14-
<h1>Brittany Halterman</h1>
11+
<body>
12+
<header>
13+
<h1>Brittany Halterman</h1>
14+
<div>
15+
<img src="img/headshot3.jpg" alt="Brittany Halterman's professional headshot"
16+
width="600"
17+
height="400" />
18+
</div>
19+
20+
<nav>
21+
<ul>
22+
<li><a href="#about">About</a></li>
23+
<li><a href="#experience">Experience</a></li>
24+
<li><a href="#education">Education</a></li>
25+
<li><a href="#skills">Skills</a></li>
26+
<li><a href="#connect">Connect</a></li>
27+
</ul>
28+
</nav>
29+
</header>
1530

16-
<nav>
17-
<ul>
18-
<li>About</li>
19-
<li>Experience</li>
20-
<li>Education</li>
21-
<li>Connect</li>
22-
</ul>
23-
</nav>
24-
</header>
31+
<main>
32+
<section id="about">
33+
<h2>About</h2>
34+
<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>
35+
</section>
2536

26-
<main>
27-
<section>
28-
<h2>About</h2>
29-
<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>
30-
<br>
31-
</section>
37+
<section id="experience">
38+
<h2>Experience</h2>
39+
<ul>
40+
<li>Student, Code the Dream</li>
41+
</ul>
42+
</section>
3243

33-
<section>
34-
<h2>Experience</h2>
35-
<ul>
36-
<li>Student, Code the Dream</li>
37-
</ul>
38-
</section>
44+
<section id="education">
45+
<h2>Education</h2>
46+
<ul>
47+
<li>Associate of Science, Wake Technical Community College</li>
48+
<li>Associate of Arts, Wake Technical Community College</li>
49+
</ul>
50+
</section>
3951

40-
<section>
41-
<h2>Education</h2>
42-
<ul>
43-
<li>Associate of Science, Wake Technical Community College</li>
44-
<li>Associate of Arts, Wake Technical Community College</li>
45-
</ul>
46-
</section>
52+
<section id="skills">
53+
<h2>Skills</h2>
54+
<ul>
55+
56+
</ul>
57+
</section>
4758

48-
<section>
49-
<h2>Connect</h2>
50-
<p><strong>Email:</strong> [email protected]</p>
51-
<p><strong>GitHub:</strong> brihalterman</p>
52-
<p><strong>LinkdIn:</strong> <a href="https://www.linkedin.com/in/brittany-halterman-4087611aa">Brittany Halterman</a></p>
53-
</section>
54-
</main>
55-
</div>
59+
<section id="connect">
60+
<h2>Connect</h2>
61+
<p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
62+
<p><strong>GitHub:</strong> <a href="https://github.com/brihalterman">BriHalterman</a></p>
63+
<p><strong>LinkdIn:</strong> <a href="https://www.linkedin.com/in/brittany-halterman-4087611aa">Brittany Halterman</a></p>
64+
</section>
65+
</main>
66+
67+
<footer></footer>
68+
<script src="js/index.js"></script>
5669
</body>
5770

58-
</html>
71+
</html>

‎js/index.js

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
const today = new Date();
2+
const thisYear = today.getFullYear();
3+
const footer = document.querySelector("footer");
4+
const copyRight = document.createElement("p");
5+
6+
copyRight.innerHTML = (`&copy; Halterman ${thisYear}`);
7+
footer.appendChild (copyRight);
8+
9+
const skillsSection = document.getElementById(`skills`)
10+
const skillList = skillsSection.querySelector('ul')
11+
const skills =[`Mental Health First Aid`, `Administration`, `Microsoft Word`, `Microsoft Excel`, 'HTML', 'JS']
12+
for ( i = 0; i < skills.length; i ++ ) {
13+
var item = document.createElement('li');
14+
item.textContent = skills[i]
15+
skillList.prepend(item)
16+
};
17+

0 commit comments

Comments
 (0)