-
Notifications
You must be signed in to change notification settings - Fork 37
/
index.html
76 lines (67 loc) · 3.19 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
74
75
76
<html>
<head>
<link href="style.css" rel="stylesheet">
<title>Renee Noble - Portfolio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Imprima&family=Open+Sans:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<h1 class="banner">[YOUR NAME]</h1>
<header id="header">
<section id="header-main">
<article id="header-blurb">
<h2>
[YOUR TITLE, or aspiring title]
</h2>
<p>
[A BLURB ABOUT YOU AND YOUR GOALS] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
</article>
<article id="header-contact">
<h2>Contact me.</h2>
<p>
<i class="fa fa-envelope" aria-hidden="true"></i>
<a href="mailto:your-email@example.com">email@example.com</a>
</p>
<p>
<i class="fab fa-github" aria-hidden="true"></i>
<a href="github.com/gh-username">username</a>
</p>
<p>
<i class="fab fa-twitter" aria-hidden="true"></i>
<a href="https://twitter.com/noble_renee">@twitter_handle</a>
</p>
<p>
<i class="fab fa-linkedin" aria-hidden="true"></i>
<a href="https://www.linkedin.com/in/your-link">Your name on LinkdIn</a>
</p>
</article>
</section>
</header>
<h2 class="banner">My Projects</h2>
<main>
<article class="project">
<img src="images/image1.png">
<div>
<h3>
[PROJECT TITLE]
</h3>
<p>
[PROJECT DESCRIPTION] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p>
<span class="highlight">Technology</span>
<ul>
<li>Technology 1 (eg. Python)</li>
<li>Technology 2 (eg. Flask)</li>
<li>Technology 3 (eg. Azure Cognitive Services)</li>
</ul>
<a class="link-btn" href="">See it Live</a>
<a class="link-btn" href="">GitHub Repo</a>
</div>
</article>
<!-- Add more articles here -->
</main>
</body>
</html>