-
Notifications
You must be signed in to change notification settings - Fork 1
/
portfolio.html
63 lines (62 loc) · 3 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Porfolio</title>
<link rel="stylesheet" href="style.css">
</head>
<header>
<h1 id="title">Jennie Choi</h1>
<nav>
<ul>
<li><a class="home" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</header>
<body>
<main>
<div class="portfolio">
<h2>This is my portfolio of things that I have built.</h2>
<hr>
</div>
<div class="project">
<h4>Project Calvin</h4>
<img src="https://image-pastemagazine-com-public-bucket.storage.googleapis.com/wp-content/uploads/2022/06/20123516/calvin-county-image-main.jpg" alt="calvin" id="calvin">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi at earum fuga harum alias nobis, eaque optio laudantium dolor sed eligendi consequatur distinctio aperiam accusantium, architecto exercitationem perferendis minus error.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi at earum fuga harum alias nobis, eaque opti.
</p>
</div>
<br>
<br>
<div class="project">
<h4>Project Hobbes</h4>
<img src="https://pbs.twimg.com/media/EAoBk66UEAcf_MZ.jpg" alt="hobbes" id="hobbes">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi at earum fuga harum alias nobis, eaque optio laudantium dolor sed eligendi consequatur distinctio aperiam accusantium, architecto exercitationem perferendis minus error.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi at earum fuga harum alias.Fuga dolore impedit suscipit, vero odit, sequi in deleniti, odio ipsa facere et. Consequatur modi cum ullam adipisci unde amet qui sed odio officia ipsa omnis earum quibusdam, dolor totam.
</p>
</div>
<br>
<br>
<div class="project">
<h4>Project Susie</h4>
<img src="https://pbs.twimg.com/media/Ek47FGGXYAEkUsj.jpg:large" alt="susie" id="susie">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi at earum fuga harum alias nobis, eaque optio laudantium dolor sed eligendi consequatur distinctio aperiam accusantium, architecto exercitationem perferendis minus error.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga dolore impedit suscipit. Fuga dolore impedit suscipit, vero odit, sequi in deleniti, odio ipsa facere et. Consequatur modi cum ullam adipisci unde amet qui sed odio officia ipsa omnis earum quibusdam, dolor totam
</p>
</div>
</main>
</body>
</html>