responsive-services-section/index.html at main · sauravxcode/responsive-services-section · 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
<!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="assets/css/styles.css"> <!-- Link to external CSS file -->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'> <!-- Link to Boxicons CSS file -->
    <title>Service Section | @sauravxcode</title>
</head>
<body>
    <div class="service_container">

        <!-- Main heading for the service section -->
        <h1>Our Services</h1>

        <div class="row">
            <div class="service">

                <i class='bx bx-laptop'></i> <!-- Icon for web design -->
                <h2>Web Design</h2>
                <p>Craft bespoke websites tailored to your unique needs.</p>
            </div>

            <div class="service">
                <i class='bx bx-mobile-alt'></i>
                <h2>Mobile App</h2>
                <p>Transform your ideas into intuitive mobile applications.</p>
            </div>

            <div class="service">
                <i class='bx bx-purchase-tag-alt'></i>
                <h2>E-commerce</h2>
                <p>Elevate your online business with custom e-commerce platforms.</p>
            </div>

            <div class="service">
                <i class='bx bxl-sketch'></i>
                <h2>UI/UX Design</h2>
                <p>Design captivating interfaces for optimal user experiences.</p>
            </div>

            <div class="service">
                <i class='bx bx-data'></i>
                <h2>Database</h2>
                <p>Optimize data storage and retrieval for peak performance.</p>
            </div>

            <div class="service">
                <i class='bx bxl-google-cloud'></i>
                <h2>Cloud</h2>
                <p>Seamlessly integrate leading cloud platforms for flexibility and reliability.</p>
            </div>

            <div class="service">
                <i class='bx bx-support' ></i>
                <h2>Support</h2>
                <p>Ensure longevity and performance with comprehensive support services.</p>
            </div>

            <div class="service">
                <i class='bx bxs-videos'></i>
                <h2>Courses</h2>
                <p>Ensure longevity and performance with comprehensive support services.</p>
            </div>
        </div> <!-- End of row -->
    </div> <!-- End of service_container -->
</body>
</html>