EventPage/about.html at main · LarryIVC/EventPage · 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
111
112
113
114
115
<!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>Catholic Music Concert -  About Page</title>
  <link href="https://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
  <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:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
  <script src="https://kit.fontawesome.com/3848942bcd.js" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="css/about.css">
</head>
<body>
  <header>
    <div class="mylinks">
      <ul class="link-menu">
        <li class="link-item"><a ><i class="fa-brands fa-facebook-f"></i></a></li>
        <li class="link-item"><a ><i class="fa-brands fa-twitter"></i></a></li>
        <li class="link-item"><a >English</a></li>
        <li class="link-item"><a >My Page</a></li>
        <li class="link-item"><a >Logout</a></li>
      </ul>
    </div>
    <div class="menu-cont">
      <i class="fa-sharp fa-solid fa-bars"></i>
      <a href="index.html"><img src="images/logo.png" alt="Logo Concert Music Catholic" class="logo"></a>
      <nav class="nav-menu">
        <ul class="menu-dk">
          <li><a class="menu-link" href="#">About</a></li>
          <li><a class="menu-link" href="#">Program</a></li>
          <li><a class="menu-link" href="#">Join</a></li>
          <li><a class="menu-link" href="#">Sponsor</a></li>
          <li><a class="menu-link" href="#">News</a></li>
        </ul>
        <button class="btn-campain"><a href="#">CMC World</a></button>
      </nav>
    </div>
  </header>
  <div class="page">
    <section class="principal">
      <div class="tittle">
        <!-- <h2 class="txt-tit-about">"United by the same Faith"</h2> -->
        <h1 class="h1-about">CATHOLIC MUSIC CONCERT<br>WORLD TOUR July 2023</h1>
        <p class="desc-about">A musical meeting of prayer and adoration with the best exponents of Catholic music. Three nights full of blessings, accompanied by teachings that will help us grow in our Faith.</p>
        <div class="desc-email">
          <p class="contact-about">Please contact us per Email for any futher questions about CMC World Tour 2023</p>
          <a class="email" href="email://cmcworld2023@catholic.org">cmcworld2023@catholic.org</a>
        </div>
      </div>
    </section>
    <section class="logo">
      <div class="logo-container">
        <h2 class="tit-about">Catholic Music Concert World Tour july 2023</h2>
        <hr class="small-line">
        <p class="logo-desc">The logo of CMC World Tour 2023 was decided trough the logo competition from 20.October to 22.September.</p>
        <img class="logo-big" src="images/logo-big.png" alt="Logo CMC 2023">
      </div>
    </section>
    <section class="past-events">
      <div class="past-container">
        <h2 class="tit-about">See the past CMC World Tour</h2>
        <hr class="small-line">
        <p class="logo-desc">Take a look at the two CMC World Tour wich tookin South America.</p>
        <div class="past-img">
          <img src="images/MCM2022.png" alt="Photo of the MCM 2022" class="past">
        <img src="images/mcm2015.png" alt="Photo of the MCM 2015" class="past">
        </div>
      </div>
    </section>
    <footer>
      <div class="partner">
        <h2>Partner</h2>
        <hr class="small-line">
        <div class="logos">
          <a href="https://www.mozilla.org/es-ES/firefox/new/"><img class="logo-partner" src="images/log-moz.png" alt="Mozilla Logo"></a>
          <a href="https://www.google.com/"><img class="logo-partner" src="images/log-google.png" alt="Google Logo"></a>
          <a href="https://www.naver.com/"><img class="logo-partner" src="images/log-naver.png" alt="Naver Logo"></a>
          <a href="https://www.kakaocorp.com/page/"><img class="logo-partner" src="images/log-daum.png" alt="Daumkakao Logo"></a>
          <a href="https://www.airbnb.com/"><img class="logo-partner" src="images/log-airbnb.png" alt="Airbnb Logo"></a>
        </div>
      </div>
      <div class="copyright">
        <div class="cop-row">
          <img class="cop-img" src="images/logo-sinodo.png" alt="Logo">
        </div>
        <div class="cop-desc">
          <p class="cop-text">2023 - Synod 21-24 Concert Music Catholic.</p>
          <p class="cop-text">Some Rights Reserved @Copyright.</p>
        </div>
        </div>
      </div>
    </footer>
  </div>
  <!-- menu modal   -->
  <div id="container-menu-modal">
    <div id="modal">
        <div id="menu-head">
          <i class="fa-solid fa-xmark" id="btn-close"></i>
        </div>
        <div>
            <ul id="modal-ul">
                <li class="modal-item"><a href="index.html">Home</a></li>
                <li class="modal-item"><a href="index.htm/#Program">Program</a></li>
                <li class="modal-item"><a href="index.html/#Sponsor">Sponsor</a></li>
                <li class="modal-item"><a href="index.html/#News">News</a></li>
            </ul>
        </div>
        <hr class="endline">
    </div>
  </div>
  <script src="js/menu.js"></script>
</body>
</html>