-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (100 loc) · 5.08 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
<!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 | Learn, Bulid, Grow.</title>
<link href="./img/zuri.favicon.png" rel="icon" sizes="16x16 32x32" type="image/png">
<link rel="stylesheet" href="./styles/styles.css">
</head>
<body class="page1">
<main>
<section id="main-container">
<div class="container-content">
<div class="centered-logo">
<img src="/img/zuri-logo-full.svg" alt="Zuru official logo">
</div>
<div class="details">
<h2>Learn, Build, Grow.</h2>
<p>Unlock your Brilliance with our hands-on <span>beginner</span> and <span>expert training</span>.
Zuri Team has been immensely successful in creating a global network of
a highly adept intelligent workforce that can help your company achieve
their mission-critical <span>projects and goals</span></p>
</div>
<div class="btns">
<a href="page2.html">
<button class="btn btn-orange" type="button">I'm new to the Industry</button>
</a>
<button class="btn btn-white" type="button">I need industry exprience</button>
</div>
</div>
</section>
<section id="team-routine">
<div class="routine-info">
<h5>BY ZURI Team</h5>
<p class="additional-info">We cater for every level of expertise and needs in the industry.</p>
<!-- Pink Dotted Pattern -->
<img class="dotted-card-1" src="img/pink-dotted-pattern.png" alt="Dotted Pattern">
<!-- Three Column Cards [Zuri.Traning | Zuri.Internship | Zuri.Talent] -->
<div class="routine-details">
<div class="training-routine card-body">
<img src="/img/zuri-training-img.svg" alt="zuri.training logo">
<p>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>
<h4><a href="#">I want to be trained ></a></h4>
</div>
<div class="internship-routine card-body">
<img src="/img/zuri-internship-img.svg" alt="zuri.internship logo">
<p>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>
<h4><a href="#">I want to join the internship ></a></h4>
</div>
<div class="talent-routine card-body">
<img src="/img/zuri-talent-img.svg" alt="zuri.talent logo">
<p>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>
<h4><a href="#">I am looking for talent ></a></h4>
</div>
</div>
<!-- Dark Dotted Pattern -->
<img class="dotted-card-2" src="img/dark-dotted-pattern.png" alt="Dotted Pattern">
</div>
</section>
</main>
<footer>
<div class="footer-info">
<img class="zuri-footer-logo" src="/img/zuri-logo-full.svg" alt="Zuri official logo">
<div class="footer-navbar content">
<h4>Links</h4>
<ul>
<li><a href="#"><span>Store</span></a></li>
<li><a href="#"><span>Blog</span></a></li>
</ul>
</div>
<div class="contact-card content">
<h4>Contact</h4>
<p>8 Jubliee-CMD Road, Magodo, Lagos State</p>
<ul>
<li><a href="#">hello@zuri.team</a></li>
</ul>
</div>
<div class="socials content">
<h4>Follow Us</h4>
<a href="#"><img class="social-icon" src="img/fb.png" alt="facebook"></a>
<a href="#"><img class="social-icon" src="img/twitter.png" alt="twitter"></a>
<a href="#"><img class="social-icon" src="img/IG.png" alt="instagram"></a>
<a href="#"><img class="social-icon" src="img/in.png" alt="linkedin"></a>
</div>
</div>
<hr class="hr-line">
<p class="copyright">© 2020 ZURI TEAM</p>
</footer>
</body>
</html>