Global-Warming/about.html at main · maen-al-khraisha/Global-Warming · 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="stylesheet" href="/css/about.css">
    <script src="/components/header.js"></script>
    <script src="/components/footer-about.js"></script>
    <title>About</title>
</head>
<body>
    <header-component></header-component>
    <main class="main-section">
        <a class="btn-hamburger" href="#">
            <div class="main-header-hamburger">
                <div class="bar"></div>
                <div class="bar"></div>
                <div class="bar"></div>
            </div>
        </a>
        <ul class="hamburger-menu">
            <li class="ham-menu-items">
                <a href="/about.html" class="ham-menu-link">About</a>
            </li>
            <li class="ham-menu-items">
                <a href="/index.html" class="ham-menu-link">Program</a>
            </li>
            <li class="ham-menu-items">
                <a href="#" class="ham-menu-link">Join</a>
            </li>
            <li class="ham-menu-items">
                <a href="#" class="ham-menu-link">Sponsor</a>
            </li>
            <li class="ham-menu-items">
                <a href="#" class="ham-menu-link">News</a>
            </li>
            <li class="ham-menu-items">
                <a href="#" class="ham-menu-link">CC Campaign</a>
            </li>
        </ul>
        <h1 class="main-section-title-about">"Hello! Green World"</h1>
        <p class="main-section-text">
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia fugit totam voluptate expedita cupiditate, perspiciatis illum corporis veniam dolor similique sunt ea nostrum quam blanditiis consequatur. Reiciendis, at magnam laborum repellat modi tempora velit tenetur iste possimus quidem ipsum maiores, nostrum quaerat! Expedita omnis rem praesentium debitis delectus enim incidunt!
        </p>
        <p class="main-section-footer">
            please contact us per Email for and future question<br>
            about CC Global Summit 2022~<br>
            globalwarming@microverse.com
        </p>
    </main>

    <section class="common-section">
        <h2 class="common-section-title">
            Creative Commons<br>
            Global Summit 2022 logo
        </h2>
        <p class="common-section-text">

        </p>
        <p class="common-section-footer">
            The logo of CC Global summit 2022 was decided<br>
            through the logo cometition from 8 June to 7 July
        </p>
        <img class="common-section-logo" src="/assets/icon/logo.png" alt="logo">
    </section>

    <section class="history-section">
        <h2 class="history-section-title">
            See the past CC global Summits
        </h2>
        <div class="underline"></div>
        <p class="history-section-text">
            Take a look at the last two CC global Summit wich took place <br>
            in Buenos Aires and in Warsaw
        </p>
        <div class="history-img-section">
            <div>
                <img src="/assets/images/2013.jpg" alt="2013 summit image">
            <div class="text-center">2013 Summit</div>
            </div>
            <div>
                <img src="/assets/images/2011.jpg" alt="2011 summit image">
                <div class="text-center">2011 Summit</div>
            </div>
        </div>
    </section>
    <footer-component-about></footer-component-about>
    <script src="/JS/hamburger.js"></script>
</body>
</html>