-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio.html
71 lines (68 loc) · 2.67 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
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
<link rel="stylesheet" href="portfoliostyle.css" />
</head>
<body>
<nav>
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="portfolio.html">Portfolio</a>
<a href="contact.html">Contact</a>
</nav>
<header>
<h1>My Portfolio</h1>
</header>
<!-- Project 1 -->
<section class="project-box">
<div class="project-text">
<h2>My First Project</h2>
<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. 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>
<img src="project1.jpg" alt="Picture One" class="project-image" />
</section>
<!-- Project 2 -->
<section class="project-box">
<div class="project-text">
<h2>My Second Project</h2>
<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. 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>
<img src="project2.jpg" alt="Picture Two" class="project-image" />
</section>
<!-- Project 3 -->
<section class="project-box">
<div class="project-text">
<h2>My Third Project</h2>
<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. 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>
<img src="project3.jpg" alt="Picture Three" class="project-image" />
</section>
</body>
</html>