HYF-FirstAssignment/index.html at master · ALADaM07/HYF-FirstAssignment · 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>HYF First Assignment</title>
  <link href="style.css" rel="stylesheet">
</head>
<header>
  <a href="#" class="logo">Luminous Shade</a>
  <nav class="navigation">
    <a href="#members">Members</a>
    &ensp;<a href="#bio">Biography</a>
    &ensp;<a href="#latest">Latest Hits</a>
    &ensp;<a href="https://beacons.ai/luminous.shade">Contact Us</a>
  </nav>

</header>

<section class="main">
  <div>
    <h2>Welcome To Our Official WebSite <br><span> This is Luminous Shade </span></h2>
    <h3>A Syrian Rap Band</h3>
    <a href="https://www.youtube.com/c/luminousshade1" class="main-button"> Youtube Channel</a>

    <div class="social-icons">
      <a href="https://www.facebook.com/luminous.shade"><i class="fa-brands fa-facebook"></i></a>
      <a href="https://www.instagram.com/luminousshade.band"><i class="fa-brands fa-instagram"></i></a>
      <a href="https://music.apple.com/us/artist/luminous-shade/1573444109"><i class="fa-brands fa-apple"></i></a>
      <a href="https://soundcloud.com/luminousshade"><i class="fa-brands fa-soundcloud"></i></a>
    </div>

  </div>
</section>

<section class="images" id="members">
  <h2 class="title"> Members </h2>
  <div class="content">


    <div class="firas">
      <img class="firas-img" src="https://i.ibb.co/QQPvDf8/Untitled-1.png" alt="Firas Shalati">
      <div class="middle">
        <div class="firas-txt">Firas Shalati</div>
      </div>
    </div>

    <div class="aladam">
      <img class="aladam-img" src="https://i.ibb.co/rmdMDVP/Luminous-Shade.png" alt="ALADaM Alamin" style="width: 100%">
      <div class="middle">
        <div class="aladam-txt">Aladam Alamin</div>
      </div>
    </div>


    <div class="hussam">
      <img class="hussam-img" src="https://i.ibb.co/rQ2KdFV/Untitled-123.png" alt="Hussam Derazini">
      <div class="middle">
        <div class="hussam-txt">Hussam Derazini</div>
      </div>
    </div>


  </div>
</section>

<section class="bio" id="bio">
  <h2 class="title"> Biography </h2>
  <div class="">

    <div class="aladam-bio">
      <h3 id="aladam-bio"> Aladam Alamin: </h3> <br>
      <p> Syrian from Aleppo City. <br> Started Started rapping and music producing in 2008 with his "band Luminous
        Shade". <br>
        Living in Amsterdam - Netherlands for the last four years, Hoping to go back to his country someday.
      </p>
    </div>
    <div class="firas-bio">
      <h3 id="firas-bio"> Firas Shalati: </h3> <br>
      <p> Syrian from Aleppo City. <br> Started rapping and with his "band Luminous Shade". <br>
        After travling for some time he decided to go back to his hometown and he still live there until now.
      </p>
    </div>
    <div class="hussam-bio">
      <h3 id="hussam-bio"> Hussam Derazini: </h3> <br>
      <p> Syrian from Aleppo City. <br>He started his artistic career back in 2015 with his Band "Luminous Shade".<br>
        Living now in japan.
      </p>
    </div>

  </div>


</section>

<section class="latest" id="latest">
  <h2 class="title"> Latest Hits </h2>
  <div class="yt">
    <iframe class="yt" width="560" height="315" src="https://www.youtube.com/embed/iow2pmhDxwk"
      title="Darkness Of The Night"></iframe>


  </div>
</section>

<footer>
  <div class="footer">
    <p> © 2022 <br> Mohamad Alamin <br>
      [email protected]</p>
  </div>
</footer>