-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (89 loc) · 3.67 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jonathan's Portfolio</title>
<link rel="stylesheet" href="Jonathan_Portfolio.css">
</head>
<body>
<!-- HEADER -->
<header id="header">
<nav id="navigation">
<div class="logo">
<img src="Images/Combined_Shape_Header.png" alt="">
</div>
<div class="navigation_links">
<a href="./index.html">HOME</a>
<a href="./Portfolio_Index.html">PORTFOLIO</a>
<a href="./Portfolio_Contact_Me.html">CONTACT ME</a>
</div>
</nav>
</header>
<!-- SHOWCASE -->
<section id="showcase">
<p>Hey, I’m Jonathan Kolawole and I love building beautiful websites</p>
<div class="showcase_button">
<div class="showcase_img">
<img src="./Images/down-arrow.png" alt="">
</div>
<div class="showcase_btn">
<button>ABOUT ME</button>
</div>
</div>
</section>
<!-- ABOUT ME -->
<section id="about_me">
<div class="about_img">
<img src="Images/Display Image.jpg" alt="">
</div>
<div class="short_profile">
<div class="line">
</div>
<h2>About Me</h2>
<p>I’m a junior front-end developer looking for a new role in an exciting company. I focus on writing
accessible HTML, using modern CSS practices and writing clean JavaScript. When writing JavaScript code,
I mostly use React, but I can adapt to whatever tools are required. I’m based in London, UK, but I’m
happy working remotely and have experience in remote teams. When I’m not coding, you’ll find me
outdoors. I love being out in nature whether that’s going for a walk, run or cycling. I’d love you to
check out my work.</p>
<div class="go_to_profile">
<a href="./Portfolio_Index.html"><button>GO TO PORTFOLIO</button></a>
</div>
<div class="line">
</div>
</div>
</section>
<!-- CONTACT ME -->
<section id="contact_me">
<div class="contactme_text">
<h2>Interested in doing a project together?</h2>
</div>
<div class="line">
</div>
<div class="contact_button">
<a href="./Portfolio_Contact_Me.html"><button>CONTACT ME</button></a>
</div>
</div>
</section>
<!-- FOOTER -->
<section id="footer">
<nav id="footer_navigation">
<div id="footer-menu">
<div class="footer_navigation_links">
<img src="Images/Combined_Shape_Footer.png" alt="">
<a href="./index.html">HOME</a>
<a href="./Portfolio_Index.html">PORTFOLIO</a>
<a href="./Portfolio_Contact_Me.html">CONTACT ME</a>
</div>
</div>
<div id="socials">
<a href="https://twitter.com/JagunKolawole"><img src="./Images/twitter_logo.svg" alt=""></a>
<a href="https://www.linkedin.com/in/jonathan-kolawole-1a4074142/"><img src="./Images/linkedin_logo.svg"
alt=""></a>
<a href="https://github.com/Jagunmolu"><img src="./Images/github_logo.svg" alt=""></a>
</div>
</nav>
</section>
</body>
</html>