Action-Design/service.html at main · vedhatech002/Action-Design · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Action Service</title>
    <link
        href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300&family=Work+Sans:wght@100;200;400;500;600;700;800&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="./css/header&footer.css">
    <link rel="stylesheet" href="./css/mediaqueies.css">
    <link rel="stylesheet" href="./css/service.css">
</head>
<body>
    <header>
        <div class="navbar" id="navbar">
            <div class="logo">
                <img src="./images/logo.png" alt="logo" width="150px">
            </div>
            <div class="menus">
                <nav>
                    <a href="index.html">Home</a>
                    <a href="works.html">Works</a>
                    <a href="service.html">Service</a>
                    <a href="contact.html">Contact</a>
                    <div class="hamburger" onclick="myFunction(this)" id="toggle">
                        <div class="bar1"></div>
                        <div class="bar2"></div>
                        <div class="bar3"></div>
                    </div>
                </nav>
            </div>
        </div>

    </header>
    <br><br><br><br>
    <section>

    <div class="service-container">
        <div class="service-content">
            <h2>services</h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque eius non distinctio eaque doloribus natus fugiat tenetur? Doloribus, facilis nulla deleniti sit praesentium nemo beatae dignissimos quibusdam magnam assumenda repellendus.  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae incidunt, ratione quas in aperiam laborum, provident rem quae exercitationem, repellat dicta? Sapiente quae quod totam nulla ea autem quos quaerat.</p>
        </div>
        <div class="intro-video">
            <div class="video"></div>
        </div>
    </div>
    <div class="our-services">
        <a href="#">Graphic Designing</a>
        <a href="#">UiUx Designing</a>
        <a href="#">Web Devlopment</a>
        <a href="#">Marketing</a>
    </div>
    <div class="work-view">
        <h2>View All Works</h2>
    </div>
    </section>
    <section class="contact-form">
        <div class="contact-form-container">
            <div class="let-start">Let's Start a <span>Project</span></div>

            <form class="forms" method="post">
                <div class="input">
                    <div class="name input-div">
                        <label class="label">Name.</label>
                        <input type="text" name="name" id="name-input">
                    </div>
                    <div class="phone input-div">
                        <label class="label">Phone.</label>
                        <input type="number" name="" id="phoneNo-input">
                    </div>
                </div>
                <div class="message-box">
                    <div class="message-div">
                        <label class="label">Message.</label>
                        <textarea></textarea>
                    </div>
                    <input type="submit" value="Send" class="btn">

                </div>
            </form>

        </div>
    </section>
    <footer>
        <div class="bottom-nav">
            <div class="bottom-nav-links">
                <a href="#">Home</a>
                <a href="works.html">Works</a>
                <a href="#">Service</a>
                <a href="#">Pricing</a>
                <a href="#">Team</a>
                <a href="#">Contact</a>
            </div>
        </div>
        <div class="foot-bottom">
            <p>copyright &copy; 2023 - All rights are reserved</p>
            <p>Privacy Policy</p>
        </div>

    </footer>
    <script>
        function myFunction(x) {
            x.classList.toggle("change");
        }

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