Space-travel/about.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
<!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>About Us</title>
    <link href="https://fonts.googleapis.com/css2?family=Heebo&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="css/main-page.css">
</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 Us</a></li>
                    <li><a href="service.html">Services</a></li>
                </ul>
            </nav>
        </div>

    </header>
    <section class="about">
        <h3 class="ab">About us</h3>
        <div class="boxes">
            <aside>
                <h3>History</h3>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique veniam dolore, accusamus omnis aliquam minima eveniet odit tempora doloribus, autem reiciendis nam alias quisquam ab asperiores vel quibusdam. Nesciunt earum facere quibusdam quisquam labore sapiente vel enim at laudantium perspiciatis. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ullam mollitia deserunt quam ad, consectetur cupiditate enim voluptatibus soluta omnis a dolorum ea rerum laboriosam fuga corporis quos non quis sed quidem tempora labore provident! Rerum, rem! Modi sunt culpa, consectetur natus iste iusto minima asperiores, recusandae dolore corrupti accusantium atque.</p>
            </aside>
                <div class="box">
                    <h3>Introduction</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique veniam dolore, accusamus omnis aliquam minima eveniet odit tempora doloribus, autem reiciendis nam alias quisquam ab asperiores vel quibusdam. Nesciunt earum facere quibusdam quisquam labore sapiente vel enim at laudantium perspiciatis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis placeat at reprehenderit id nesciunt esse vitae eum perspiciatis, perferendis, quas rem quos! Lorem ipsum, dolor sit amet consectetur adipisicing elit. Perspiciatis doloremque quis dolorem. Ad maiores illo pariatur qui repellat, libero, fugiat dolorum quaerat illum provident vero minus alias aliquid soluta doloremque.</p>
                </div>
                <div class="box">
                    <h3>Vision</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique veniam dolore, accusamus omnis aliquam minima eveniet odit tempora doloribus, autem reiciendis nam alias quisquam ab asperiores vel quibusdam. Nesciunt earum facere quibusdam quisquam labore sapiente vel enim at laudantium perspiciatis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus non eum natus? Excepturi eius delectus ad quos, necessitatibus fuga? Mollitia, autem dolore numquam eos animi blanditiis aliquam reiciendis ducimus voluptas temporibus assumenda odio repellendus at, consequatur ullam ut unde ea totam placeat itaque rerum. Obcaecati, porro. Velit esse non natus?</p>
                </div>
            </div>
    </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>