-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (82 loc) · 4.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
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<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>portfolio</title>
<link rel="stylesheet" href="style.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=Quintessential&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
</head>
<body>
<main>
<header>
<h2>falomo <span class="txtspace">||</span> sharon</h2>
</header>
<div class="display_picture">
<div class="center">
<img src="sharon.jpg" alt="sharon's display picture">
<h4>Nice to meet you, i'm Sharon. A Frontend Developer</h4>
<div class="font">
<a href="https://www.instagram.com/sharyy_b" target="_blank"><i class="bi bi-instagram white"></i></a>
<a href="https://twitter.com/sharonfalomo/status/1504042411839959046?s=21" target="_blank">
<i class="bi bi-twitter white"></i>
</a>
<a href="https://www.linkedin.com/in/sharon-falomo-06ba11224" target="_blank">
<i class="bi bi-linkedin white"></i>
</a>
<a href="https://github.com/falsharion" target="_blank">
<i class="bi bi-github white"></i>
</a>
<a href="https://vm.tiktok.com/ZMLQDQRXc/" target="_blank">
<i class="bi bi-tiktok white"></i>
</a>
</div>
</div>
</div>
<div class="About_me">
<div class="section1">
<h3>WHO</h3>
<p>My name is Falomo Sharon Simisola, i'm 19 years old. My favorite hobby is creating templates for websites and building it out.Some of my soft skills are ,i'm a very effective communicator, great at team work, creative and i love problem solving.
</p>
</div>
<div class="section2">
<h3>SKILLS</h3>
<p class="style">These are the skills that i have aquired since i started learning how to code. Apart from these technical skills i had acquired some skills in my freelancing work i did as agraphic designer such as being able to communicative effective with clients, making sure we reach a good agreemant favourable to both the client and the worker.
</p>
<div class="skills">
<p>HTML</p>
<P>CSS</P>
<P>JavaScript</P>
</div>
</div>
<div class="section3">
<h3>PROJECTS</h3>
<p class="projectst">These are the projects i've made with the knowledge i've gotten so from HTML, CSS and JavaScript. To put to practice what i've learnt so far and more projects to come.
</p>
<div class="projects">
<a href="https://falsharion.github.io/pennybakes/" target="_blank">Penny bakes Website</a>
<a href="https://falsharion.github.io/shopping-list/" target="_blank">Shopping List</a>
<a href="https://falsharion.github.io/darkmode_calculator/" target="_blank"> DarkMode calculator</a>
<a href="https://falsharion.github.io/Zana-Fashion/" target="_blank">Fashion Website</a>
</div>
</div>
</div>
<footer>
<h2>contact me</h2>
<div class="contact_section">
<input type="text" placeholder="Enter Fullname">
<input type="text" placeholder="Enter Email">
<textarea></textarea>
<button type="submit">submit</button>
</div>
<div class="name">
<p>crafted with <span><i class="bi bi-heart"></i></span> by Fs Sharon</p>
</div>
</footer>
</main>
</body>
</html>