-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
158 lines (107 loc) · 5.58 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!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">
<link rel="stylesheet" href="../bootstrap-4.6.0-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./Resume/styles/styles2.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<!-- <link rel="stylesheet" href="../bootstrap-4.6.0-dist/css/bootstrap.css"> -->
<!-- <link rel="stylesheet" href="../bootstrap-5.0.2-dist/css/bootstrap.css"> -->
<title>Eradiri - Resume</title>
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-sm fixed-top bg-dark">
<div class="container">
<!--the button classes are needed to make the collpsable navbar work. The "data-target" and "data-toggle" are javascript attributes that aid the functioning of the drop down feature.
Also the span class is used to introduce the three lines that you click on to display the dropdown.
Then you have to wrap the ul in a div and specify the attributes and classes in it, not forgetting that the #Navbar ID was listed above in the "data-target" attribute-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar">
<span class="navbar-toggler-icon"></span>
</button>
<!--navbar-brand can be used to display the name or logo of your company-->
<a href="" class="mr-auto navbar-brand">Resume </a>
<!--the navbar-nav is used to style links in the nav bar and mr-auto is used to set the right margin between the links-->
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav mr-auto">
<!--the class nav-item allows the list to be displayed horizontally as links in the navigation bar.
Also, the class nav-link would be displayed inside the 'a' element to define the link.
Also, the actice class allows you to state which page you are in-->
<li class="nav-item"><a class="nav-link" href="tel:+23490000"><span class=""></span> Call</a></li>
<li class="nav-item"><a class="nav-link" class="message-button" href="mailto:[email protected]"><span class=""></span> Email</a></li>
<li class="nav-item"><a class="nav-link" href="#message"><span class=""></span> Message</a></li>
</ul>
</div>
</div>
</nav>
<header class="jumbotron">
<div class="container">
<div class="row">
<div class="col-12 col-md-12 col-lg-6">
<div class="photo-bg-box"></div>
</div>
<div class="col-12 col-md-12 col-lg-6">
<h1 class="white-text">Eradiri Perebonilado Richard</h1>
<h2 class="white-text">Front-end Developer</h2>
<p class="white-text">A graduate of the university of ibadan,
I am a motivated and team-oriented front-end developer.
I possess the needed skills to work within a team, communicate effectively
with team members, and achieve a common goal. </p>
<div class="row">
<div class="col-6">
<h2 class="white-text">Skills </h2>
<p>
<ul>
<li class="white-text">HTML</li>
<li class="white-text">Css</li>
<li class="white-text">JavaScript</li>
</ul>
</p>
</div>
<div class="col-6">
<h2 class="white-text">Education</h2>
<p class="white-text text-size">Bsc Zoology, <br />
University of Ibadan.
</p>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="container leave-message">
<div class="row">
<div class="col-12 label">
<h2 class="white-text">Leave a message</h2>
</div>
<div class="col-12">
<form action="">
<textarea name="" id="message" cols="70" rows="7"
placeholder="Hey there! Drop a message and i'll reply ASAP"></textarea>
</form>
<input type="button" value="Send Message" class="btn-primary">
</div>
</div>
</div>
<footer>
<div class="container footer-row">
<div class="row footer-col">
<div class="col-12">
<div class="">
<div><a href="https://internship.zuri.team/"><img class="" src="./Resume/images/logo.36d2d48a.svg" alt=""></a></div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- <script src="../bootstrap-4.6.0-dist/js/bootstrap.js"></script> -->
<!-- <script src="../bootstrap-4.6.0-dist/js/bootstrap.bundle.js"></script> -->
<!-- <script src="../bootstrap-4.6.0-dist/js/bootstrap.bundle.min.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
<script src="../bootstrap-4.6.0-dist/js/bootstrap.min.js"></script>
<script src="../bootstrap-5.0.2-dist/js/jquery-3.6.0.min.js"></script>
</body>
</html>