diginition.com/services.html at main · AyushAwasthi2384/diginition.com · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- BOOTSTRAP -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <!-- JQUERY -->
    <script src="https://code.jquery.com/jquery-3.7.0.js" integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM=" crossorigin="anonymous"></script>
    <!-- LOCAL -->
    <link rel="shortcut icon" href="./assets/diginition-logo-favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="services.css">

    <title>DIGINITION | Services</title>
</head>
<body>
    <header class="nav-header">
        <div class="nav-bar">
            <a href="./index.html" class="nav-links">Home</a>
            <a href="./services.html" class="nav-links active-link">Services</a>
            <a href="./about.html" class="nav-links">About Us</a>
            <a href="./contact.html" class="nav-links">Contact Us</a>
            <a href="./login.html" class="nav-links login">Get Started</a>
        </div>
    </header>
    <div class="main">
        <h1 class="main-title">
                <span class="title-letter" id="t-0">D</span>
                <span class="title-letter" id="t-1">I</span>
                <span class="title-letter" id="t-2">G</span>
                <span class="title-letter" id="t-3">I</span>
                <span class="title-letter" id="t-4">N</span>
                <span class="title-letter" id="t-5">I</span>
                <span class="title-letter" id="t-6">T</span>
                <span class="title-letter" id="t-7">I</span>
                <span class="title-letter" id="t-8">O</span>
                <span class="title-letter" id="t-9">N</span>
        </h1>
        <h5 class="main-title-2" >SERVICES</h5>
        <img class="main-img bg-river" src="./assets/bg/riv.png" alt="">
        <img class="main-img bg-fount" src="./assets/bg/fountain.png" alt="">
        <img class="main-img bg-mount" src="./assets/bg/mountains.png" alt="">
        <img class="main-img bg-sky" src="./assets/bg/sky.png" alt="">
        <img class="main-img bg-moon" src="./assets/bg/moon.png" alt="">
        <img class="main-img bg-star" src="./assets/bg/stars.png" alt="">
        <img class="main-bg" src="./assets/bg/bg.png" alt="">
        <img class="slider" src="./assets/slider.gif" alt="">
    </div>

    <div class="content overview">
        <p class="mark-head">DIGITAL MARKETING</p>
        <div class="content-hr" style="width: 80vw;"></div>
        <p class="mark-head2">PACKAGES</p>
        <div class="marketing">
            <div class="mark-row mark-row-1">
                <div class="packages">
                    <img class="pack-bg" src="./assets/pack-bg1.jpg" alt="">
                    <p class="pack-title p-t-1">BASIC</p>
                    <p class="pack-price"></p>
                    <div class="pack-desc"></div>
                </div>
                <div class="packages">
                    <img class="pack-bg" src="./assets/pack-bg2.jpg" alt="">
                    <p class="pack-title p-t-2">BRONZE</p>
                    <p class="pack-price"></p>
                    <div class="pack-desc"></div>
                </div>
                <div class="packages">
                    <img class="pack-bg" src="./assets/pack-bg3.jpg" alt="">
                    <p class="pack-title p-t-3">SILVER</p>
                    <p class="pack-price"></p>
                    <div class="pack-desc"></div>
                </div>
            </div>
            <div class="mark-row mark-row-2">
                <div class="packages">
                    <img class="pack-bg" src="./assets/pack-bg5.png" alt="">
                    <p class="pack-title p-t-4">GOLD</p>
                    <p class="pack-price"></p>
                    <div class="pack-desc"></div>
                </div>
                <div class="packages">
                    <img class="pack-bg" src="./assets/pack-bg6.jpg" alt="">
                    <p class="pack-title p-t-5">PLATINUM</p>
                    <p class="pack-price"></p>
                    <div class="pack-desc"></div>
                </div>
                <div class="packages">
                    <img class="pack-bg" src="./assets/pack-bg4.jpg" alt="">
                    <p class="pack-title p-t-6">DIAMOND</p>
                    <p class="pack-price"></p>
                    <div class="pack-desc"></div>
                </div>
            </div>
        </div>
    </div>

    <script src="./index.js"></script>
</body>
</html>