-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (81 loc) · 5.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="assets\main.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
<link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet"/>
<title>Portfolio Page</title>
</head>
`
<body>
<nav id="navbar" class="nav">
<!--logo------>
<div class="logo-flag-container">
<div class="name-container">
<p href="http://www.cleargoaldigital.github.io" class="name">ClearGoal</p>
<p class="learn">Learn | Build | Collaborate</p>
</div>
<div class="flag-container">
<img src="images\flag.jpeg" class="flag">
</div>
</div>
<ul class="nav-list">
<li><a href="#welcome-section">About</a></li>
<li><a href="#projects">Project</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="welcome-section" class="welcome-section">
<h1>Hey, I am Taofeek Ajibade</h1>
<p>A JUnior Web Developer</p>
</section>
<section id="projects" class="projects-section">
<h2 class="projects-section-header">Find below some of my articles and sample projects</h2>
<div class="projects-grid">
<a href="https://codepen.io/cleargoal_edu/pen/yLXbwRY" target="_blank" class="project project-tile">
<img class="project-image" src="http://ishaqoloyede.com/images/old_banner.png" alt="project"/>
<p class="project-title">Tribute Page - Prof Is-haq Oloyede</p></a>
<a href="https://taofeekajibade.wordpress.com/2021/05/25/hard-work-pays-do-not-expose-yourself-to-exploitation/" target="_blank"
class="project project-tile">
<img class="project-image"
src="https://taofeekajibade.files.wordpress.com/2021/05/jagoinvestors.png?w=519&h=450&crop=1" alt="project"/>
<p class="project-title">Hardwork Pays</p></a>
<a href="https://codepen.io/cleargoal_edu/full/PojmvyJ" target="_blank" class="project project-tile">
<img class="project-image" src="images\survey-form.jpg" alt="project"/>
<p class="project-title">A simple survey form</p></a>
<a href="https://www.pressahmadiyya.com/press-releases/2020/11/alislam-org-team-have-honour-of-virtual-meeting-with-head-of-ahmadiyya-muslim-community/" target="_blank"
class="project project-tile">
<img class="project-image" src="https://www.pressahmadiyya.com/wp-content/uploads/2020/11/2-3.png" alt="khalifat in his office"/>
<p class="project-title">Hadhrat Mirza Masroor Ahmad sitting in his office</p></a>
<a href="https://www.alislam.org" target="_blank" class="project project-tile">
<img class="project-image" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTbGs8X0bVqPwYgLXrnVugrYsCmtqlPIHa_sw&usqp=CAU" alt="project"/>
<p class="project-title">Alislam Homepage</p></a>
<a href="https://taofeekajibade.wordpress.com/2020/11/20/every-lie-has-an-expiry-date/" target="_blank" class="project project-tile">
<img class="project-image" src="https://taofeekajibade.files.wordpress.com/2020/11/sanwo-taiwo.jpg?w=652&h=450&crop=1" alt="project"/>
<p class="project-title">Every lie has an expiry date</p></a>
</div>
<a href="https://taofeekajibade.wordpress.com/" class="btn btn-show-all" target="_blank">Show all<i class="fas fa-chevron-right"></i></a>
</section>
<section id="contact" class="contact-section">
<div class="contact-section-header">
<h2>Let's work together...</h2>
<p>Why don't you get in touch through any of the links below?</p>
</div>
<div class="contact-links">
<a id="profile-link" href="https://github.com/cleargoaldigital" target="_blank" class="btn contact-details"><i class="fab fa-github"></i> GitHub</a>
<a href="https://twitter.com/taofeekajibade" target="_blank" class="btn contact-details"><i class="fab fa-twitter"></i>Twitter</a>
<a href="https://www.youtube.com/channel/UCwp7_h3RUNTN552HNZ_Pnew" target="_blank" class="btn contact-details"><i class="fab fa-youtube"></i>Youtube</a>
<a href="https://instagram.com/taofeekaajibade" target="_blank" class="btn contact-details"><i class="fab fa-instagram"></i>Instagram</a>
<a href="https://facebook.com/taofeeq2" target="_blank" class="btn contact-details"><i class="fab fa-facebook-square"></i> Facebook</a>
<a href="mailto:[email protected]" class="btn contact-details"><i class="fas fa-at"></i> Send a mail</a>
<a href="tel:23480-5072-3688" class="btn contact-details"><i class="fas fa-mobile-alt"></i> Call me</a>
</div>
</section>
<footer>
<p>In case you have any questions, please feel free to contact us through any of our addresses: email and social media handles. Some of the images may actually be subject to copyright.</p>
<p>© 2021 <a href="https://github.com/cleargoaldigital" target="_blank"> ClearGoal Digital Services</a></p>
</footer>