-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (128 loc) · 6.04 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
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sani-portfolio</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header class="nav-section">
<nav class="nav-title">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">About</a></li>
<li><a href="/">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section class="section-one">
<div class="div-left">
<div class="div-1">
<h1 class="title">Hi, I am Sani Dogo,(ExBoy),
Full stack developer and UI/UX Designer.</h1>
<p class="para-1">Java Full Stack Developer with UI/UX foundation, dedicated to crafting seamless and user-centric software solutions.
Seeking a role that merges technical prowess with creative design for impactful application development.
</p>
<a href="https://docs.google.com/document/d/1oTXwk-bKBhft9NbOygZ5FQEnHikoYUZE/edit?usp=share_
link&ouid=111154278217728155184&rtpof=true&sd=true"
class ="btn"> View Resume</a>
</div>
</div>
<div class="div-right">
<div class="div-2">
<img src="assets/sani22.jpg"
alt="image" class="img"/>
</div>
</div>
</section>
<section class = "section-two">
<div class="div-3">
<span class="posts">Past Works</span>
<span><a href="https://"
class ="view">View all</a></span>
</div>
<div class="cards">
<div class="card-1"><h1 class="card-title">Designing a Portfolio from scratch</h1>
<span class="date">27 Jan 2024</span>
<span class="pipe">|</span>
<span class="Design">Language: HTML and CSS</span>
<p class="para-2">Here I built my first project...
</p>
</div>
<div class="card-2"><h1 class="card-title">Making a design system from scratch</h1>
<span class="date">12 Feb 2020</span>
<span class="pipe">|</span>
<span class="Design"> Design Pattern</span>
<p class="para-2"> i can do without thier policy i know,i dey feel like declan rice
ODUMO!
</p>
</div>
</div>
</section>
<section class="section-3">
<h3 class="works">Featured Works</h3>
<div class="section-three-div">
<div class="section-three-div-1">
<img src="assets/rec.png" alt="Rec" class="img-rec"/>
</div>
<div class="section-theree-div2">
<div class="section-three-div-3"></div>
<h2 class="dash-1">Designing Dashboard</h2>
<div class="spans">
<span class="year">2020</span>
<span class="board">Dashboard</span>
</div>
<p class="para-3">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
Velit officia consequat duis enim velit mollit.
Exercitation veniam consequat sunt nostrud amet.</p>
</div>
</div>
<img src="assets/line.png" alt="line" class="line"/>
<div class="section-three-div">
<div class="section-three-div-1">
<img src="assets/rec.png" alt="Rec" class="img-rec"/>
</div>
<div class="section-theree-div2">
<div class="section-three-div-3"></div>
<h2 class="dash-1">Designing Dashboard</h2>
<div class="spans">
<span class="year">2020</span>
<span class="board">Dashboard</span>
</div>
<p class="para-3">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
Velit officia consequat duis enim velit mollit.
Exercitation veniam consequat sunt nostrud amet.</p>
</div>
</div>
<img src="assets/line.png" alt="line" class="line"/>
<div class="section-three-div">
<div class="section-three-div-1">
<img src="assets/rec.png" alt="Rec" class="img-rec"/>
</div>
<div class="section-theree-div2">
<div class="section-three-div-3"></div>
<h2 class="dash-1">Designing Dashboard</h2>
<div class="spans">
<span class="year">2020</span>
<span class="board">Dashboard</span>
</div>
<p class="para-3">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint.
Velit officia consequat duis enim velit mollit.
Exercitation veniam consequat sunt nostrud amet.</p>
</div>
</div>
<img src="assets/line.png" alt="line" class="line"/>
</section>
<footer>
<div class="footer">
<a href="https://www.instagram.com/captain.sani_/"><img src="assets/insta.png" alt="twitter"/></a>
<a href="https://www.instagram.com/captain.sani_/"><img src="assets/insta.png" alt="twitter"/></a>
<a href="https://www.instagram.com/captain.sani_/"><img src="assets/insta.png" alt="twitter"/></a>
</div>
<span class="copy">Copyright ©2020 All rights reserved</span>
</footer>
</main>
</body>
</html>