mobylecare-services/services.php at master · nandk4552/mobylecare-services · 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
<?php include 'partials/_header.php' ?>

<!-- services section starts -->
<section id="services" style="padding: 0 ;" class="ml-auto">

    <!-- offer starts -->
    <div class="container-fluid con-1">
        <div id="hero" class="position-relative overflow-hidden p-3 p-md-5 m-md-3 text-center bg-light">
            <div class="col-md-5 p-lg-5 mx-auto my-5">
                <h1 class="display-4 font-weight-normal">Instant Repair</h1>
                <p class="lead font-weight-normal">Same day screen replacement with 6 months warranty on selected brands</p>
                <a class="btn btn-outline-warning shadow-sm" href="<?php echo SITEURL; ?>categories">Read more</a>
            </div>
            <div class="product-device shadow-sm d-none d-md-block"></div>
            <div class="product-device product-device-2 shadow-sm d-none d-md-block"></div>
        </div>
    </div>
    <!-- offer ends -->
    <div>
        <h1 class="title text-center py-2">Our Services</h1>
        <small><em style="text-transform: none;" class="d-flex justify-content-center py-2">***Quality products with affordable price </em></small>
    </div>
    <div class="container">
        <div class="row text-center">
            <div class="col-md-4 service">
                <ion-icon name="laptop-outline"></ion-icon>
                <!-- <i class="fa fa-mobile" aria-hidden="true"></i> -->
                <h2>Screen Replacement</h2>
                <p>same day screen replacement warranty on selected brands</p>
                <a class="btn btn-sm btn-block b-btn" href="<?php echo SITEURL; ?>categories">Repair Now</a>
            </div>

            <div class="col-md-4 service">
                <ion-icon name="stats-chart-outline"></ion-icon>
                <h2>Battery</h2>
                <p>Any battery related issues and battery replacement available</p>
                <a class="btn btn-sm btn-block b-btn" href="<?php echo SITEURL; ?>categories">Repair Now</a>
            </div>

            <div class="col-md-4 service">
                <ion-icon name="color-palette-outline"></ion-icon>
                <h2>Mic</h2>
                <p>mic related issues will be repaired</p>
                <a class="btn btn-sm btn-block b-btn" href="<?php echo SITEURL; ?>categories">Repair Now</a>
            </div>

            <div class="col-md-4 service">
                <ion-icon name="laptop-outline"></ion-icon>
                <h2>Aux Jack</h2>
                <p>aux jack or related issues will be repaired</p>
                <a class="btn btn-sm btn-block b-btn" href="<?php echo SITEURL; ?>categories">Repair Now</a>
            </div>

            <div class="col-md-4 service">
                <ion-icon name="stats-chart-outline"></ion-icon>
                <h2>charging Jack</h2>
                <p>charging jack or charging related issues will be repaired</p>
                <a class="btn btn-sm btn-block b-btn" href="<?php echo SITEURL; ?>categories">Repair Now</a>
            </div>

            <div class="col-md-4 service">
                <ion-icon name="color-palette-outline"></ion-icon>
                <h2>Quick service</h2>
                <p>we try to repair your mobile related issues in optimal time at your door step</p>
                <a class="btn btn-sm btn-block b-btn" href="<?php echo SITEURL; ?>categories">Repair Now</a>
            </div>
        </div>
    </div>
</section>

<!-- services section ends -->

<!-- footer -->
<?php include 'partials/_footer.php' ?>