DataPoint/index.html at main · fahatadam/DataPoint · 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
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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <!-- Boxicons CSS -->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <!--google font-->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <title>DataPoint - Buy Airtime and Data for all Network. Make payment for DSTV, GOTV, PHCN and other services</title>
</head>
<body>
    <section class="upper-Section">
        <nav class="navbar">
            <a href="index.html">
                <img src="Images/Datapointlogo.png" alt="DataPoint Logo">
            </a>
            <div class="navLinks">
                <ul>
                    <li><a href="">Home</a></li>
                    <li><a href="#aboutUs">About Us</a></li>
                    <li><a href="">Our Services</a></li>
                    <li><a href="">Pricing</a></li>
                    <li><a href="">Contact</a></li>
                    <li><a href="">Register</a></li>
                    <li><a href="">Login</a></li>
                </ul>
            </div>
        </nav>

        <div class="Upper-Section-Text">
            <h1 class="wellcome">Welcome to DataPoint</h1>
            <!--<p>The best platform for all your airtime and data top-up needs! Whether it's for <br><b>DSTV, GOTV, PHCN,</b>
            or any other services, we offer the fastest, <br>simplest and most reliable payment solutions.
            </p>-->
            <p style="text-align: center; margin-top: 15px; font-size: 18px;">Would you like to start earning in six digits monthly apart from your daily expenses <br>
            starting with a small capital by just selling through social media? If your answer to this is <br>
            "YES", then this is the most important website you will ever visit...</p>
        </div>

        <div class="btn-sign">
            <button>Login</button>
            <button>Register</button>
        </div>
        <div class="img-back">
            <img src="Images/backImage.png" alt="">
        </div>
    </section>

    <section class="about" id="aboutUs">
        <span class="span-About">About us</span>
        <h2>Our team comes with the experience and knowledge</h2>
        <div class="inner-about">
            <button>Automated Services</button>
            <button>Our Services</button>
            <button>User-Friendly</button>
            <button>Customer support</button>
        </div>
        <p id="aboutUs"><strong>DataPoint</strong> provide a seamless and efficient way to manage airtime, data top-ups, and bill payments.
             With just a few clicks, user can automatically charge their phones, pay for <b>DSTV, GOTV, PHCN,</b> and other services, all
            without manual intervention. The system processes transaction instantly, ensuring a fast, reliable and hassle-free experience.</p>
    </section>

    <section class="ourServices">
        <span>Services</span>
        <h2>We Provide You Best Services.</h2>
        <p>Below is what we offer to keep you and your loved ones connected.</p>

        <div class="servicesBox">
            <img src="" alt="DataSales/Airtime Top Up"><br>
            <p><b>Data Sales/Airtime Top-Up</b></p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique pariatur quibusdam deserunt, tempora saepe explicabo non, rem corrupti hic voluptatibus quod. Possimus reiciendis molestias quia quidem, fugit dolorem autem deleniti!</p>
        </div>

        <div class="servicesBox">
            <img src="" alt="DataSales/Airtime Top Up"><br>
            <p><b>Data Sales/Airtime Top-Up</b></p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique pariatur quibusdam deserunt, tempora saepe explicabo non, rem corrupti hic voluptatibus quod. Possimus reiciendis molestias quia quidem, fugit dolorem autem deleniti!</p>
        </div>

        <div class="servicesBox">
            <img src="" alt="DataSales/Airtime Top Up"><br>
            <p><b>Data Sales/Airtime Top-Up</b></p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique pariatur quibusdam deserunt, tempora saepe explicabo non, rem corrupti hic voluptatibus quod. Possimus reiciendis molestias quia quidem, fugit dolorem autem deleniti!</p>
        </div>

        <div class="servicesBox">
            <img src="" alt="DataSales/Airtime Top Up"><br>
            <p><b>Data Sales/Airtime Top-Up</b></p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique pariatur quibusdam deserunt, tempora saepe explicabo non, rem corrupti hic voluptatibus quod. Possimus reiciendis molestias quia quidem, fugit dolorem autem deleniti!</p>
        </div>

        <div class="servicesBox">
            <img src="" alt="DataSales/Airtime Top Up"><br>
            <p><b>Data Sales/Airtime Top-Up</b></p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique pariatur quibusdam deserunt, tempora saepe explicabo non, rem corrupti hic voluptatibus quod. Possimus reiciendis molestias quia quidem, fugit dolorem autem deleniti!</p>
        </div>

        <div class="servicesBox" style="width: 250px;">
            <img src="" alt="DataSales/Airtime Top Up"><br>
            <p><b>Data Sales/Airtime Top-Up</b></p>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique pariatur quibusdam deserunt, tempora saepe explicabo non, rem corrupti hic voluptatibus quod. Possimus reiciendis molestias quia quidem, fugit dolorem autem deleniti!</p>
        </div>
    </section>

    <section class="pricing">
        <span>Pricing</span>
        <h2>Pricing & plans</h2>
        <p><b>DataPoint's pricing</b> is affordable and transparent, offering competitive rates for airtime, data, and bill payments with no hidden fees, ensuring great value for every transaction.</p>

        <div class="pricingBox">
            <div class="innerPricing">
                <span>MTN</span>
                <p>Get affordable MTN data at cheapest <br>price.</p>
                <span><sup>#</sup>206<sub>/M</sub></span><br>
                <button>GET STARTED</button>
            </div>
        </div>

        <div class="pricingBox">
            <div class="innerPricing">
                <span>MTN</span>
                <p>Get affordable MTN data at cheapest <br>price.</p>
                <span><sup>#</sup>206<sub>/M</sub></span><br>
                <button>GET STARTED</button>
            </div>
        </div>

        <div class="pricingBox">
            <div class="innerPricing">
                <span>MTN</span>
                <p>Get affordable MTN data at cheapest <br>price.</p>
                <span><sup>#</sup>206<sub>/M</sub></span><br>
                <button>GET STARTED</button>
            </div>
        </div>

        <div class="pricingBox">
            <div class="innerPricing">
                <span>MTN</span>
                <p>Get affordable MTN data at cheapest <br>price.</p>
                <span><sup>#</sup>206<sub>/M</sub></span><br>
                <button>GET STARTED</button>
            </div>
        </div>

    </section>

    <section class="middle-note" style="text-align: center;">
        <h2>We love to make perfect<br>solutions for your business</h2>
        <p>for airtime and data we cover all the major and for bill we cover an<br>extensive list of providers that's always expanding. Now, with only your<br>internet connection, you can start using your website to start make your purchases.</p>
        <button>Get started</button>
    </section>

    <section class="ContactUs">
        <span>Contact us</span>
        <div class="innerContact">
            <div class="innerContactBox">
                <i class='bx bx-phone'></i>
                <p><b>Contact</b></p>
                <p>09165754376</p>
                <p>fahatadam4u@gmail.com</p>
            </div>
        </div>

        <div class="innerContact">
            <div class="innerContactBox">
                <i class='bx bx-location-plus'></i>
                <p><b>Address</b></p>
                <p>Tilden Fulani, Toro LGA, Bauchi State</p>
                <p>Nigeria</p>
            </div>
        </div>

        <div class="innerContact">
            <div class="innerContactBox">
                <i class='bx bx-time'></i>
                <p><b>Shedule</b></p>
                <p>24 hours / 7 Days Open</p>
                <p>Office time: 10 AM - 5:30 PM</p>
            </div>
        </div>

        <div class="innerContact">
            <div class="innerContactBox">
                <i class='bx bx-phone'></i>
                <p><b>Contact</b></p>
                <p>09165754376</p>
                <p>fahatadam4u@gmail.com</p>
            </div>
        </div>
    </section>
</body>
</html>