-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio-item.html
91 lines (73 loc) · 4.96 KB
/
portfolio-item.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Erik Rod</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w==" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css" integrity="sha512-xA6Hp6oezhjd6LiLZynuukm80f8BoZ3OpcEYaqKoCV3HKQDrYjDE1Gu8ocxgxoXmwmSzM4iqPvCsOkQNiu41GA==" crossorigin="anonymous" />
<link href="https://fonts.googleapis.com/css2?family=Roboto&family=Ubuntu:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="logo">
<img src="img/logo_200x200.png" alt="logo 1">
</div>
<button class="nav-toggle" aria-label="toggle navigation placeholder">
<span class="hamburger"></span>
</button>
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="index.html" class="nav__link">Home</a></li>
<li class="nav__item"><a href="index.html#services" class="nav__link">My Services</a></li>
<li class="nav__item"><a href="index.html#about" class="nav__link">About Me</a></li>
<li class="nav__item"><a href="index.html#work" class="nav__link">My Work</a></li>
</ul>
</nav>
</header>
<!-- Introduction -->
<section class="intro">
<h1 class="section__title section__title--intro">
The title <strong>of my project</strong>
</h1>
<p class="section__subtitle section__subtitle--intro">Short Subtitle</p>
<img src="img/placeholder-img1.png" alt="placeholder pic of a photo of me" class="intro__img">
</section>
<div class="portfolio-item-individual">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum sagittis justo, quis fringilla velit molestie vel. Proin interdum libero lectus, in dictum nibh efficitur in. Maecenas aliquam tempor pretium. Curabitur eleifend sit amet orci a volutpat. Sed sed est vitae ante dignissim porttitor sed et lacus. Donec maximus eget nisi sed pretium. In commodo lacus eget diam feugiat vulputate. Integer nec accumsan odio.</p>
<img src="img/michael-baird-wide-image.jpg" alt>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum sagittis justo, quis fringilla velit molestie vel. Proin interdum libero lectus, in dictum nibh efficitur in. Maecenas aliquam tempor pretium. Curabitur eleifend sit amet orci a volutpat. Sed sed est vitae ante dignissim porttitor sed et lacus. Donec maximus eget nisi sed pretium. In commodo lacus eget diam feugiat vulputate. Integer nec accumsan odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam condimentum sagittis justo, quis fringilla velit molestie vel. Proin interdum libero lectus, in dictum nibh efficitur in. Maecenas aliquam tempor pretium. Curabitur eleifend sit amet orci a volutpat. Sed sed est vitae ante dignissim porttitor sed et lacus. Donec maximus eget nisi sed pretium. In commodo lacus eget diam feugiat vulputate. Integer nec accumsan odio.</p>
</div>
<!-- Footer -->
<footer class="footer">
<!-- own email address -->
<a href="mailto:[email protected]" class="footer__link">[email protected]</a>
<ul class="social-list">
<li class="social-list__item">
<a class="social-list__link" href="https://github.com/">
<i class="fab fa-github"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://www.youtube.com/">
<i class="fab fa-youtube"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://www.linkedin.com/">
<i class="fab fa-linkedin"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://www.twitch.tv/">
<i class="fab fa-twitch"></i>
</a>
</li>
</ul>
</footer>
<script src="js/index.js"></script>
</body>
</html>