zuri-clone/index.html at main · Codeyenum/zuri-clone · GitHub

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
<!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 href="./css/style.css" rel="stylesheet">
    <link href="./images/favicon.png" rel="icon" sizes="16x16 32x32" type="image/png">
    <title>ZURI | Learn, Build, Grow.</title>
</head>

<body>
    <section class="banner-container">
        <img alt="" class="logo-img" src="./images/zuri-logo-full.svg">
        <div class="banner">
            <h2>Learn, Build, Grow.</h2>
            <p>Unlock your Brilliance with our hands-on <a href="./pages/training.html">beginner</a> and <a
                    href="#">expert training</a>. 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 <a href="./pages/talent.html">projects and goals</a></p>
            <div class="btn-container">
                <a href="./pages/training.html">
                    <button class="red-btn banner-btn">I'm new to the Industry</button>
                </a>
                <br class="d-block d-md-none">
                <a href="./pages/talent.html">
                    <button class="inverse-btn banner-btn">I need industry experience</button>
                </a>
            </div>
        </div>
    </section>

    <section class="programs-container">
        <h3>BY ZURI Team</h3>
        <p class="slogan">We cater for every level of <br> expertise and needs in the industry.</p>

        <img class="left-img" src="./images/left_bvmv7q.png" alt="">
        <img class="right-img" src="./images/right_yz6hn3.png" alt="">
        <div class="programs-content">
            <div class="program-card">
                <img alt="" src="./images/zuri-training-img.svg">
                <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>
                <a href="./pages/training.html">I want to be trained ></a>
            </div>
            <div class="program-card">
                <img alt="" src="./images/zuri-internship-img.svg">
                <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>
                <a href="#">I want to join the internship ></a>
            </div>
            <div class="program-card">
                <img alt="" src="./images/zuri-talent-img.svg">
                <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>
                <a href="./pages/talent.html">I am looking for talent ></a>
            </div>
        </div>
    </section>
    <footer>
        <nav class="footer-nav">
            <img alt="" class="footer-logo" src="./images/zuri-logo-full.svg">
            <div>
                <h3>Links</h3>
                <a href="https://flutterwave.com/store/zuriteam">Store</a>
                <a href="https://blog.zuri.team">Blog</a>
            </div>
            <div class="contact-container">
                <h3>Contact</h3>
                <p>8 Jubliee-CMD Road, Magodo, <br />Lagos State</p>
                <p>
                    <a href="mailto:hello@zuri.com">hello@zuri.team</a>
                </p>
            </div>
            <div>
                <h3>Follow Us</h3>
                <div class="contact-icons">
                    <a target="_blank" href="https://web.facebook.com/thezuriteam">
                        <img alt="" src="./images/fb.png">
                    </a>
                    <a target="_blank" href="https://twitter.com/theZuriTeam">
                        <img alt="" src="./images/twitter.png">
                    </a>
                    <a target="_blank" href="https://www.instagram.com/thezuriteam/">
                        <img alt="" src="./images/IG.png">
                    </a>
                    <a href="#">
                        <img alt="" src="./images/in.png">
                    </a>
                </div>
            </div>
        </nav>
        <hr>
        <p>&#169 2020 ZURI TEAM </p>
    </footer>
</body>

</html>