-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathapp.html
65 lines (48 loc) · 1.97 KB
/
app.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="app.css">
</head>
<body>
<div class = headContainer>
<h4 id="nameTab">MCCANN.CV</h4>
<h4 class="tab">About</h4>
<h4 class="tab" id="skills">Skills</h4>
<h4 class="tab">Experience</h4>
<h4 class="tab">Education</h4>
</div>
<div class = bodyContainer>
<div class="imageBox">
<img src="MoneyDuck.JPEG" alt="logo">
<h2 id = "general">General Information</h2>
<p><span class = "p1">Name: </span> <span class = "p2">FirstName</span></p>
<p><span class = "p1">Location: </span> <span class = "p2">Nashville TN</span></p>
<p><span class = "p1">Contact: </span> <span class = "p2">[email protected]</span></p>
</div>
<div id = "bodyText">
<h1 id = "title">Software Developer</h1>
<h1 id = "nameTitle">Name Here</h1>
<h2>Description</h2>
<h3 id="description">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Sequi pariatur voluptas suscipit, expedita nostrum deleniti
atque autem quisquam nobis vero veniam qui libero nisi, minus,
delectus repellat voluptatibus maiores molestiae. Lorem, ipsum
dolor sit amet consectetur adipisicing elit. Blanditiis sequi
asperiores, iste saepe eius voluptates, exercitationem assumenda
in mollitia nobis, reiciendis eum ab voluptate molestias aut
voluptatum cumque consequatur similique.
</h3>
</div>
</div>
<script>
function onClick(){
document.getElementById("description").innerHTML = "My skills are Javascript, HTML, and CSS."
alert("Hey");
}
document.getElementById("skills").onclick = onClick;
</script>
</body>
</html>