CapstoneMusicConference/about.html at master · oloomoses/CapstoneMusicConference · 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Home</title>
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V" crossorigin="anonymous"/>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="about.css">
  <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

</head>
<body class="body">
  <nav class="small-nav d-none d-lg-block">
    <nav class="container-fluid d-flex justify-content-end nav-nav">

        <a class="nav-link" href="#"><i class="fab fa-facebook-f"></i></a>
        <a class="nav-link" href="#"><i class="fab fa-twitter"></i></a>
        <a class="nav-link" href="#">Language</a>
        <a class="nav-link" href="#">Login</a>

    </nav>
  </nav>

  <nav class="navbar navbar-expand-lg top-nav sticky-top">
    <div class="container-fluid main-nav">
        <a class="navbar-brand d-none d-lg-block" href="index.html"><img class="logo" src="images/logo.png" alt="Logo"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <i class="fas fa-bars fa-2x"></i>
        </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
          <li class="nav-item"><a class="nav-link active-link" href="about.html">About</a></li>
          <li class="nav-item"><a class="nav-link" href="tickets.html">Book Now</a></li>
        </ul>

        <div class="campaign ml-5">MF Campaign</div>
      </div>
    </div>
  </nav>

  <div class="container-fluid home-logo d-none d-lg-block text-right mt-4">
    <a href="index.html"><i class="fas fa-home"></i></a>
  </div>

  <main class="container-fluid main border-bottom">
    <div>
      <h1 class="about-head-tag">
        The African Music Festival 2020,
        Bigger and better!
      </h1>
    </div>

    <div>
      <p class="about-description-tag">
        Africa Music Fest is a non-competitive music collaboration show,
        which seeks to bring together, and celebrate the diversity of African
        music and talent.
        It also gives upcoming artists the opportunity to work with some of
        the best local and international music and production talent.
        The artists are drawn from different genres, eras and regions and put
        in pairs to create a modern and authentic African sound through
        musical fusion. As the artists interact and produce music
        documented by the show’s producers, they also get to learn
        about each other’s music and styles while exchanging cultures.
        The show takes the viewers inside the recording studio to watch a
        diverse range of artists.
      </p>
    </div>

    <div>
      <p class="contact-us">You can reach us for more info on Africa Music Festival</p>
      <p class="about-mail">africanfest@africa.org</p>
    </div>
  </main>

  <aside class="about-aside1 text-center pt-5">
    <div class="container-fluid aside1-container">

      <h4 class="about-aside-header">Africa Music Festival Theme</h4>
      <span class="header-span"></span>

      <div class="about-theme">
        <p>The theme for this project is based on:</p>
        <p>[https://www.behance.net/gallery/29845175/CC-Global-Summit-2015]
        (https://www.behance.net/gallery/29845175/CC-Global-Summit-2015)
        Design idea by [Cindy Shin in Behance](https://www.behance.net/adagio07)</p>
      </div>

      <div class="theme border">
        <img class="theme-img" src="images/logo.png" alt="vodaphone">
      </div>

    </div>
  </aside>

  <aside class="aside2 text-center border-top">

    <div class="container-fluid aside2-container">

      <div class="logos-header">
        <h4 class="aside-header">See The Past Music Fest</h4>
        <span class="header-span"></span>
      </div>

      <div class="row guests text-left">


        <div class="col-lg-5 mt-4 past-fest festival">
          <div class="fest-year">2019</div>
          <div class="fest-venue">
            Africa Music Festival Nairobi, Kenya
          </div>

        </div>

        <div class="col d-none d-lg-block">


        </div>

        <div class="col-lg-5 mt-4 past-fest1 festival">
          <div class="fest-year">2018</div>
          <div class="fest-venue">
            Africa Music Festival Lagos, Nigeria
          </div>

        </div>

      </div>

    </div>
  </aside>

  <footer class="text-center border-top mt-4">
    <div class="container-fluid partners d-lg-none">

      <div class="">
        <div class="logos-header">
          <h4 class="aside-header">Partners</h4>
          <span class="header-span"></span>
        </div>

        <div class="row d-md-block d-lg-none">
          <div class="col-md-12 d-flex justify-content-center">
            <img class="partner-img" src="images/coca.png" alt="Partners">
            <img class="partner-img" src="images/vodafone.png" alt="Partners">
            <img class="partner-img" src="images/saf.png" alt="Partners">
          </div>

          <div class="col-md-12 d-flex justify-content-center">
            <img class="partner-img" src="images/google.png" alt="Partners">
            <img class="partner-img" src="images/naver.png" alt="Partners">
          </div>

        </div>

        <div class="footer-logos d-none d-lg-block">
            <img class="partner-img" src="images/coca.png" alt="Partners">
            <img class="partner-img" src="images/vodafone.png" alt="Partners">
            <img class="partner-img" src="images/saf.png" alt="Partners">
            <img class="partner-img" src="images/google.png" alt="Partners">
            <img class="partner-img" src="images/naver.png" alt="Partners">

        </div>

      </div>
    </div>

    <div class="about-footer-black-bg text-center d-none d-lg-block">
      <div class="rights container-fluid">
        <div class="copyrights">
          <img class="logo" src="images/logo.png" alt="logo">
        </div>
        <div class="attribution">
          <p>
            2020 Africa Music Festival.
            some rights reseved
          </p>
        </div>
      </div>
    </div>
  </footer>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>