-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (69 loc) · 3.35 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
<!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>Portfolio</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header id="header">
<nav>
<a class="navborder" href="index.html">Home</a>
<a class="navborder" href="about.html">About</a>
<a class="navborder" href="contact.html">Contact</a>
</nav>
<div id="topright">
<img class="icons" src="images/github.svg">
<img class="icons" src="images/linkedin.svg">
<img class="icons" src="images/github.svg">
</div>
</header>
<main id="main">
<div id="intro">
<h1 id="h1intro">Lucy Sargent</h1>
<p id="pintro1">I am a web developer in training...</p>
<p id="pintro2">Your task is to create a portfolio site to showcase your work. Creators often have some kind of portfolio to show off what they can do, as developers, we are no exception.<a id="pintro3" href="about.html">More...</a></p>
<!-- <a id="pintro3" href="about.html">More...</a> -->
</div>
<!-- <p id="pintro">Your portfolio site should represent you, so while we have listed the requirements for it below, it should still have your own personal style all over it. Your task is to create a portfolio site to showcase your work.</p> -->
<div id="intro2">
<img id="photo2" src="images/maralyn.jpg">
</div>
</main>
<section id="projects">
<div class="box">
<!-- <img id="photo" src="images/maralyn.jpg"> -->
<h2 id="h2projects">Community</h1>
<img class="comimage" src="icons/shecodes.png">
</div>
<div class="box">
<h2 id="h2projects">Projects</h1>
<p id="projecttextlist">Portfolio <a href="https://github.com/LucySargent/LucySargent.github.io"><button id="repobutton">View repo</button></a></p>
<br>
<p id="projecttextlist">Project <a href="https://github.com/LucySargent/LucySargent.github.io"><button id="repobutton">View repo</button></a></p>
</div>
<div class="box">
<h2 id="h2projects">Tech</h1>
<table>
<tr>
<td><img id="tableimg" src="icons/html.png"></td>
<td><img id="tableimg" src="icons/css.png"></td>
<td><img id="tableimg" src="icons/js.png"></td>
<td><img id="tableimg" src="icons/editor.png"></td>
</tr>
<tr>
<td><img id="tableimg" src="images/bootstrap.png"></td>
<td><img id="tableimg" src="images/hosting.png"></td>
<td><img id="tableimg" src="icons/api.png"></td>
<td><img id="tableimg" src="images/git.png"></td>
</tr>
</table>
</div>
</section>
<footer>
<p>© Made by Lucy</p>
</footer>
</body>