CapstoneModule1/about.html at main · CesarHerr/CapstoneModule1 · 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
<!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">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./scss/aboutstyles.css">
    <title>Capstone Module 1</title>
</head>
<body>
    <header class="header">
        <div class="header__social">
            <ul class="header__social--ul">
                <li>
                    <img class="facebook" src="./img/facebook.svg" alt="facebook">
                    <img src="./img/twitterWhite.svg" alt="Twitter">
                </li>
                <li>English</li>
                <li>My Page</li>
                <li>Logout</li>
            </ul>
        </div>

        <nav class="header__links">
            <a class="header__links--logo" href="index.html"><img src="./img/Unlimited2.svg" alt="image_logo"></a>
            <ul class=" header__links--menu">
                <a class="header__links--logo navbar_logo" href="index.html"><img src="./img/Unlimited2.svg" alt="image_logo"></a>
                <button class="hamburger-close"><img class="close_img" src="./img/xIcon.png" alt="hamburger_close"></button>
                <li><a href="./about.html">About</a></li>
                <li><a href="./index.html#program">Program</a></li>
                <li><a href="./tickets.html">Join</a></li>
                <li><a href="./index.html#partners">Sponsor</a></li>
                <li><a href="#">News</a></li>
                </span><li><a href="#"><span class="campaign__border">CC Campaign</a></li></span>
            </ul>
            <button class="hamburger-open"><img src="./img/Hamburger_icon.png" alt="hamburger-icon"></button>
        </nav>
    </header>

    <main>
        <section class="headline">
                <h2>"Hello hikers of the world!"</h2>
                <h1>HIKING AND ADVENTURE SPORTS <br> SEASON 2023</h1>
                <p class="headline__description">Nestled on the picturesque shores of Lake Villarrica in Chile, Pucón is an absolute paradise for outdoor enthusiasts. With its abundance of hot springs, towering active volcanoes, and a multitude of national parks, it offers a haven for nature lovers.</p>
                <p class="headline__contact">Please contact us per Email for any furter questions about hiking and adventure sports season 2023</p>
                <a href="index.html">unlimited@gmail.com</a>
        </section>

        <div class="logo">
            <h2>Hiking and adventure sports season - 2023 Logo</h2>
            <hr>
            <p>Hiking and adventure sports logo has been designed and created solely by the developer of this website.</p>
            <img src="./img/Unlimited2.svg" alt="Image_creative">
        </div>

        <div class="seethepast">
            <h2>See the past Seasons Activities</h2>
            <hr>
            <p>Take a look at the past two Unlimited seasons which took place in Pucón.</p>
            <div class="seethepast__img">
                <span class="seethepast__img--para"><p>Paragliding</p></span>
                <span class="seethepast__img--raft"><p>Rafting</p></span>
            </div>
        </div>

        <div class="partner hidden"  id="partners">
            <h2>Partners</h2>
            <hr>
            <div class="partner__img">
                <img src="./img/brave-logo_.svg" alt="brave_logo">
                <img src="./img/merrel.svg" alt="merrel">
                <img src="./img/ironman.svg" alt="image3">
                <img src="./img/era.svg" alt="image4">
                <img src="./img/amarte.svg" alt="image5">
            </div>
        </div>

    </main>

    <footer class="footer hidden">
        <img class ="footer__mobileimg" src="./img/Unlimited2.svg" alt="unlimited_logo">
        <img class ="footer__desktopimg" src="./img/UnlimitedWhite.png" alt="unlimited_logo">
        <p>2023. Creative CesCon. <br> Some rights Reserved.</p>
    </footer>

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