Space-travel/service.html at main · theaadicode/Space-travel · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Services</title>
    <link href="https://fonts.googleapis.com/css2?family=Heebo&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/main-page.css">
    <link rel="stylesheet" href="css/service.css">
    <style>

    </style>
</head>

<body>
    <header>
        <div class="header">
            <h2>
                <a href="index.html">Space Travels</a>
            </h2>
            <nav class="navbar">
                <ul class="list-navigation">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="#">Services</a></li>
                </ul>
            </nav>
        </div>

    </header>
    <section class="service">
        <h3 class="ser">Our Services</h3>
        <div class="boxes">
            <h3>Technical Things</h3>
            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem minima fugiat inventore dignissimos placeat, totam reprehenderit blanditiis, neque magnam voluptatum maiores dolor. Voluptatum enim deleniti magnam non placeat dicta nulla obcaecati error temporibus sit esse, quaerat voluptatem nobis delectus ratione saepe, beatae molestiae? Itaque, accusantium id. Dolorem porro harum officiis.</p>
        </div>
        <div class="boxes">
            <h3>Human Safety</h3>
            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem minima fugiat inventore dignissimos placeat, totam reprehenderit blanditiis, neque magnam voluptatum maiores dolor. Voluptatum enim deleniti magnam non placeat dicta nulla obcaecati error temporibus sit esse, quaerat voluptatem nobis delectus ratione saepe, beatae molestiae? Itaque, accusantium id. Dolorem porro harum officiis.</p>
        </div>
        <div class="boxes">
            <h3>Others</h3>
            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem minima fugiat inventore dignissimos placeat, totam reprehenderit blanditiis, neque magnam voluptatum maiores dolor. Voluptatum enim deleniti magnam non placeat dicta nulla obcaecati error temporibus sit esse, quaerat voluptatem nobis delectus ratione saepe, beatae molestiae? Itaque, accusantium id. Dolorem porro harum officiis.</p>
        </div>
    </section>
    <section class="contact">
        <h3>Contact Us</h3>
        <form action="empty.php">
            <input type="text"placeholder="Enter Your Name">
            <input type="text"placeholder="Enter Your Email">
            <input type="text"placeholder="Enter Your Contact">
            <input type="text"placeholder="Enter Your Location">
            <button type="submit">Submit</button>
        </form>
    </section>
    <footer>
        <div class="footer">
            &copy;Space Travels 2021
            <div class="social-media">
                <img src="icons/facebook-brands.svg" alt="">
                <img src="icons/instagram-brands.svg" alt="">
                <img src="icons/twitter-brands.svg" alt="">
                <img src="icons/google-plus-g-brands.svg" alt="">
            </div>
        </div>
    </footer>
</body>

</html>