Ego-digital-bank-landing/index.html at main · ekwehopes69/Ego-digital-bank-landing · 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
111
112
113
<!-- Tuesday, ‎October ‎19, ‎2021, ‏‎4:08:41 AM -->
<!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="style.css">
    <link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
    <script src="https://kit.fontawesome.com/34fb35e81d.js" crossorigin="anonymous"></script>
    <title>Ego Digital Bank</title>
</head>
<body>
    <header>
            <nav>
                <!-- the order of the input check-btn stuff matters, let it always be the first before anyother thing concerning the menu btn -->
                <input type="checkbox" id="check">
                    <label for="check" class="check-btn">
                        <i class="fas fa-bars"></i>
                    </label>
                <img src="images/logo.png" alt="logo" class="logo"/>
                    <ul>
                        <li><a href="#hero" class="active">HOME</a></li>
                        <li><a href="#about-us">ABOUT US</a></li>
                        <li><a href="#signup">SIGN UP</a></li>
                        <li><a href="#contact-us">CONTACT US</a></li>
                    </ul>
            </nav>
        </header>
    <section id="hero">
        <div class="container-hero">
            <div class="hero-text">
                <p>
                    A bank not for mere mortals<span class="emphasis-span">.</span><br>
                    A bank not for peasants<span class="emphasis-span">.</span><br>
                    A bank for royals<span class="emphasis-span">.</span><br>
                    It is   <span class="emphasis-span2">"Digital banking<br>for KINGS & QUEENS"</span>
                </p>
            </div>
            <div class="hero-image">
                <img src="images/kings & queens.png" alt="kings & queens" class="kings-queens">
            </div>
        </div>
    </section>
    <section id="about-us">
        <div class="container-about-us">
            <div class="container-img">
            <img src="images/about us 1.png" alt="about-us" class="about-us-img img-1">
            <img src="images/about us 2.png" alt="about-us" class="about-us-img img-2">
            </div>
        </div>
        <div class="container-about-us">
            <h1 class="heading">WHO ARE WE ?</h1>
            <hr class="nice-underline">
            <p class="about-text">
                We are the bank for those who dare to <span class="emphasis-span3">dream big</span> despite the feeling of
                being locked up in a small world with small opportunities, a continent that
                is tagged undeveloped, weak and fragile. We <span class="emphasis-span3">change</span> the continent bit by bit by
                first creating its <span class="emphasis-span3">best payment system</span> and bank.
                <br><br>
                We are the bank of the <span class="emphasis-span3"><del>future</del> world power.</span><br>
                The bank of <span class="emphasis-span3">Africa.</span> The bank for African <span class="emphasis-span3">KINGS & QUEENS</span>
                <br><br>
                <b class="We-are-ego-bank"><span class="emphasis-span3">&copy;</span>We are <span class="emphasis-span3">Ego</span> bank.</b>
            </p>
        </div>
    </section>
    <section id="signup">
        <div class="container-signup">
            <div class="signup">
                <h1 class="heading">SIGN UP</h1>
                <hr class="nice-underline nu2">
                <span class="emphasis-span policy small"><small>Create an Account</small></span><br>
                <form action="" class="form1">
                <input type="text" name="full name" placeholder="Full Name" class="input-1"><br>
                <input type="email" name="email" placeholder="Email" class="input-1"><br>
                <input type="password" name="password" placeholder="Password" class="input-1"><br>
                <input type="password" name="confirm password" placeholder="Confirm Password" class="input-1"><br>
                <button id="submit">SUBMIT</button>
                </form>
                <span class="emphasis-span policy"><small class="smaller">By creating an account you agree to our<br>Terms of Services and privacy policy</small></span>
            </div>
            <div class="container-signup-img">
                <img src="images/sign up.png" alt="signup image" class="signup-img">
            </div>
        </div>
    </section>
    <section id="contact-us">
        <div class="container-contact-us">
            <div class="contact-img">
                <img src="images/contact us.png" alt="contact-us">
            </div>
            <div class="contact-us-form">
                <h1 class="heading heading2">Contact Us</h1>
                <p class="stuff">Contact us to find out more about our world changing bank.<br>
                    You can also share any problem you encountered with our service.
                </p>
                <form action="" class="form2">
                    <input type="text" name="full name" placeholder="Name (required)" class="input-2" required><br>
                    <input type="email" name="email"  placeholder="Your email (required)" class="input-2" required><br>
                    <input type="text" name="subject" placeholder="Subject" class="input-2"><br>
                    <!-- <input type="text" name="message" id="message" placeholder="Message (required)" class="input-2" required><br> -->
                    <textarea name="message" id="message" cols="30" rows="10" class="input-2" placeholder="Message (required)"></textarea>
                    <img src="images/send.png" alt="send-btn" class="send-btn">
                    <a href = "#"><img src="images/back-to-top.png" alt="top-btn" class="top-btn"></a>
                </form>
            </div>
        </div>
        <p class="COPYRIGHT"><span class="emphasis-span3">&copy;</span>COPYRIGHT 2021 DICKSON-EKWE CHIBUIKEM ANTHONY</p>
    </section>
</body>
</html>
<!-- finished 7:14pm 11/5/2021. everyother thing are minor adjustments -->