-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (110 loc) · 4.98 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
132
133
134
135
136
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title> ITIVE ELVIS OVIE </title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="favicon.ico">
<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=Kaushan+Script&display=swap" rel="stylesheet">
<!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<!-- Add font awesome icons -->
<a target="_blank" href="https://www.facebook.com/iamteajazz" class="fa fa-facebook"></a>
<a target="_blank" href="https://www.twitter.com/iamteajazz" class="fa fa-twitter"></a>
<a target="_blank" href="https://www.linkedin.com/in/itive-elvis-ovie/" class="fa fa-linkedin"></a>
<a target="_blank" href="https://www.instagram.com/iamteajazz" class="fa fa-instagram"></a>
<a target="_blank" class="github" href="https://github.com/iamteajazz/">Github</a>
</header>
<main>
<div class="sub_main">
<img id="logo" src="./image/me2.jpg" alt="">
<div class="cloud">
<img src="images/cloud.png" alt="">
</div>
<div class="info">
<h1> I'm Itive Elvis OVIE </h1>
<h4> A Web Developer | <a target="_blank" href="https://iamteajazz.github.io/portfolio_/index.html">Ux designer</a> </h4>
</div>
<div class="mountain">
<div class="cloud-botton">
<img src="images/cloud.png" alt="">
</div>
<div class="mountain1">
<img src="images/mountain.png" alt="">
</div>
</div>
</div>
<div class="profile">
<a target="_blank" href="./achievements.html"><h2 class="cv"> CV !!!</h2></a>
<p class="cert">I've several Certifications in Web Development with Focus in HTML | CSS & Javascript.</p>
</div>
<hr class="hr_1">
<div class="middle-container">
<div class="skills">
<div class="skillz">
<h2>MY PROJECTS ⬇</h2>
<div class="container">
<div class="skill-row">
<a target="_blank" href="https://iamteajazz.github.io/portfolio_/index.html"> MY UX DESIGN PORTFOLIO<img class="" src="./image/Header.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./portfolio/meetinDog/meetindog.html">MEETIN DOG WEBSITE<img class="" src="./image/TIN DOG.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/CSS FLEXBOX PHOTO GALLERY/index.html"> DOG PHOTO GALLARY<img class="" src="./image/my dog gallary.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/Dice game/dicee.html">DICE GAME<img class="" src="./image/dice_game.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/calculator/index.html">CALCULATOR<img class="" src="./image/CALCULATO.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/cafe menu/index.html">CAFE MENU<img class="" src="./image/cafe menu.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/Registration Form/index.html">REGISTRATION FORM<img class="" src="./image/registration form.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/balance sheet/index.html">BALANCE SHEET<img class="" src="./image/Balance sheet.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/Tribute page project/index.html">TRIBUTE PAGE<img class="" src="./image/Tribute Page.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/Accessibility Quiz/index.html">QUESTION ACCESIBILITY QUIZ<img class="" src="./image/Accessibility Quiz.png" alt=""></a>
</div>
<div class="skill-row">
<a target="_blank" href="./certified projects/Drumming site/index.html">DRUMMING WEBSITE<img class="" src="./image/Drumming site.png" alt=""></a>
</div>
<!-- <div class="skill-row">
<a target="_blank" href="./certified projects/CSS Color Markers/">COLOR MARKERS<img class="" src="./image/Color Maker.png" alt=""></a>
</div> -->
</div>
</div>
</div>
<hr>
</div>
<div class="contact-me">
<h2>Get In Touch</h2>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
<footer>
<address>
<a href="#">All Right Reserved ©️ Trustenable Technologies.</a><br />
</address>
<!-- Add font awesome icons -->
<a target="_blank" href="https://www.facebook.com/iamteajazz" class="fa fa-facebook"></a>
<a target="_blank" href="https://www.twitter.com/iamteajazz" class="fa fa-twitter"></a>
<a target="_blank" href="https://www.linkedin.com/in/itive-elvis-ovie/" class="fa fa-linkedin"></a>
<a target="_blank" href="https://www.instagram.com/iamteajazz" class="fa fa-instagram"></a>
<i class="fa-solid fa-phone"> +447436657878</i>
</footer>
</main>
</body>
</html>