-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (130 loc) · 6.35 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
<!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>Zuri Landing Page</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css
"> <link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Tangerine">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!---Header-->
<header class="head">
<div class="logo">
<img src="1st-images/zuri-logo-full.svg" alt="logo">
</div>
<div class="text">
<h1> Learn, Build, Grow.</h>
<p>Unlock your Brilliance with our hands-on<span class="link"> <a href =""> beginner </a> </span>
and<span class="link"> <a href =""> expert training. </a> </span> Zuri Team has been <br> immensely successful
in creating a global network of a highly adept intelligent
workforce <br> that can help your company achieve their mission-critical
<span class="link"> <a href =""> projects and goals </a></span> </p>
<div class="btn">
<a href="index2.html"> <button class="new"> I am new to the Industry </button></a>
<a href="index3.html"> <button class="experience"> I need Industry Experience</button> </a>
</div>
</div>
</header>
<!----End of header-->
<section id ="zuri-team" class="p-5">
<div class="zuri-team">
<p>BY ZURI Team</p>
<h4>We cater for every level of <br>
expertise and needs in the industry.</h4>
</div>
<div class="container">
<div class="row g-4">
<div class="col-md">
<div class="card text-light" id="web">
<div class="card-body ">
<div class="h1 mb-3">
<img src="1st-images/zuri-training-img.svg" alt="training">
</div>
<p class="card-text">
We understand a complete beginner cannot become a professional after a few weeks,
the aim here is to get you familiar enough with each the tools such that you’ll
be able to continue learning on your own with minimal support. </p>
<a href="" class="btns"> I want to be trained ></a>
</div>
</div>
</div>
<div class="col-md">
<div class="card text-light">
<div class="card-body" id="card-body-2">
<div class="h1 mb-3">
<img src="1st-images/zuri-internship-img.svg" alt="internship">
</div>
<p class="card-text">
We place you in a work simulation. We give you tasks every week,
the tasks ranges from easy to hard as you progress from stage to stage,
making it to the final stage means you are ready for actual work.
</p>
<a href="#" class="btns"> I want to join the internship ></a>
</div>
</div>
</div>
<div class="col-md">
<div class="card text-light" id = "plan">
<div class="card-body ">
<div class="h1 mb-3">
<img src="1st-images/zuri-talent-img.svg" alt="talent">
</div>
<p class="card-text">
Keeping pace with projects and being on the look out for the extremely
talented individuals has become ever more challenging.
Here is where Zuri Team comes into play to bring the best suited talent for your company
</p>
<a href="#" class="btns"> I am looking for talent></a>
</div>
</div>
</div>
</div>
</div>
<div class="background">
<img src="1st-images/dots left.png" alt="left" class="left">
<img src="1st-images/Dots.png" alt="right" class="right">
</div>
</section>
<div class="footer-clean">
<footer>
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-5 col-md-3 item">
<img src="1st-images/zuri-logo-full.svg" alt="logo">
</div>
<div class="col-sm-3 col-md-3 item">
<h5>Links</h5>
<ul>
<li><a href="#">Store</a></li>
<li><a href="#">Blog</a></li>
</ul>
</div>
<div class="col-sm-3 col-md-3 item">
<h5>Contact</h5>
<ul>
<li>8 Jubliee-CMD Road, Magodo, Lagos State<li>
<li> <a href=":mailto">hello@zuri.team</a></li>
</ul>
</div>
<div class="col-lg-2 item social">
<h4 class="follow">Follow us</h4>
<a href="#"><img class ="socials"src="images/facebook.png" alt=""></i></a>
<a href="#"> <img class ="socials" src="images/twitter.png" alt="" srcset=""></a>
<a href="#"><img class ="socials" src="images/insta.png" alt="" srcset=""></a>
<a href="#"><img class ="socials" src="images/linkedln.png" alt="" srcset=""></a>
</div>
<hr>
</div>
</div>
<div class="copyright">
<h6> © 2020 ZURI TEAM </h6>
</div>
</footer>
</div>
</body>
</html>