-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathportfolio-item.html
86 lines (73 loc) · 3.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
<title>Portfolio Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css">
<link href="https://fonts.googleapis.com/css2?family=Acme&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lovers+Quarrel&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,700|Roboto+Slab:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section id="container">
<header>
<!--logo-->
<div class="logo">
<img src="img/my logo3.1.png" alt="tech lady">
</div>
<button class="nav-toggle" aria-label="toggle navigation">
<span class="Hamburger"></span>
</button>
<!--navigation bar-->
<nav class="nav">
<ul class="nav__list">
<li class="nav__item"><a href="#Home" class="nav__link">Home</a></li>
<li class="nav__item"><a href="#services" class="nav__link">My Services</a></li>
<li class="nav__item"><a href="#about" class="nav__link">About me</a></li>
<li class="nav__item"><a href="#work" class="nav__link">My Work</a></li>
</ul>
</nav>
</header>
<!--introduction-->
<section class="intro" id="Home">
<h1 class="section__title section__title--intro">
My <strong>Portfolio</strong>
</h1>
<p class="section__subtitle section__subtitle--intro">Porfolio Website</p>
</section>
</section>
<div class="portfolio-item">
<p>Putting together a good portfolio can be quite new and challanging to a lot of people out there especially business owners or office workers that would like to push their work out there. Our job is to highlight and put together your work experience and sample in a very catchy way inorder to set you aside for potential clients.</p>
<p>
A portfolio is a document that highlights the work experience, skills and samples of your works. The portfolio is a way to demonstrate yours skills and talent in whatever field you are in to potential clients and also create a name and brand for you. Others in your industry might want to see the work you have done and probably get inspired by it.
</p>
<p>You need a portfolio website to be seen because if you dont put your work out there then nobody can see your work or ideas and we are here to give you the best service. </p>
</div>
<!-- footer-->
<footer class="footer">
<a href="mailto:deeptruth247@gmail.com" class="footer__link">deeptruth247@gmail.com</a>
<ul class="social-list">
<li class="social-list__item">
<a class="social-list__link" href="https://twitter.com/AlexStephanie10">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://github.com/TeckLedi">
<i class="fab fa-github"></i>
</a>
</li>
<li class="social-list__item">
<a class="social-list__link" href="https://www.instagram.com/_stephnny_/">
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</footer>
<script src="js/index.js"></script>
</body>
</html>