Xtina/index.html at master · collette7/Xtina · 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
193
194
195
196
197
198
199
200
201
202
203
204
205
<!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="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="styles/css/reset.css">
  <link rel="stylesheet" href="styles/css/main.css">
  <title>Xtina Starr </title>
</head>

<body>
  <div id="wrapper">
    <main>
      <nav class="nav">
        <div class="container">
          <a href="#abt">About</a>
          <a href="#mix">Mixes</a>
          <a href="#ct">Contact</a>

        </div>
      </nav>
      <div class="column-wrap top">
        <div class="column column-left">
          <header>
            <div class="container">

              <div class="logo">
                <h1>
                  <img src="assets/img/XTINA.svg" alt="">

                </h1>
                <h1>
                  <img src="assets/img/starr.svg" alt="">

                </h1>
              </div>
              <div class="header-img">
                <img src="assets/img/Xtina-Rocking-Chair-by-Roger-Gallegos.jpg" alt="">
              </div>
            </div>
          </header>
        </div>
        <div class="column reverse column-right">
          <section class="lead">
            <div class="container">
              <h2>
                Engineer by day <img class="sun" src="assets/img/sun.svg" alt="">
              </h2>
              <h2 class="night">
                <img class="moon" src="assets/img/moon.svg" alt=""> Dj by night
              </h2>
            </div>
          </section>
          <section class="bio">
            <img src="assets/img/bio-oval.svg" alt="">
            <div class="container fullbleed">
              <p class="section-title">
                Christina starr
              </p>
              <p>
                Xtina Starr /Christina Starr/, is a DJ specializing in sounds of the African Diaspora and a Senior
                Engineering Manager at Leafly making cannabis more accessible. Based in Dallas & Brooklyn.
              </p>
            </div>

          </section>
        </div>
      </div>
      <section class="em" id="abt">
        <div class=" container">
          <p class="section-title">
            Engineer by day
          </p>
          <div class="center">
            <p>Led by curiosity and passion, I'm a software developer that enjoys the entire creative process and
              getting my hands on the fullstack. Through my unique background and experience at Ada Developers Academy,
              an intensive, year long software development program, I bring a dynamic and diverse approach to solving
              problems. </p>
            <p>It's my mission to build people centric software. While keeping the end-user in mind, I'm energized and
              empowered by the opportunity to make ideas happen via code. At Ada I learned Ruby, Rails, JavaScript, and
              HTML/CSS. Eager for a new challenge, I learned an entirely new stack at Apex Learning. I thrive when I can
              learn, contribute, build, and repeat.</p>

          </div>
          <div class="em-link">
            <a class="outbound black" href="https://www.linkedin.com/in/thompsonchristina/">Linkedin →</a>
          </div>
        </div>
      </section>
      <div class="column-wrap bottom">
        <div class="column">
          <section class="dj">
            <div class=" container">
              <p class="section-title">
                DJ BY NIGHT
              </p>
              <p>Curious by nature, DJ Christina Starr loves an adventure and takes pleasure in taking the crowd on a
                sonic journey. Inspired by the sounds throughout the continent of Africa, she especially pulls rhythms
                from the southern region and is one of the ‘go-to’ tastemakers for Afro House in New York City. DJ
                Christina Starr aims to raise the vibration of the people, one track at a time </p>

            </div>
          </section>
          <section class="music" id="mix">
            <div class="container">
              <p class="section-title">
                Mixes & Playlist
              </p>
              <div class="mix-links">
                <ul>
                  <li><a class="outbound " href="https://soundcloud.com/xtina_starr/funky-medicine">Funky Medicine →</a>
                  </li>
                  <li><a class="outbound " href="https://soundcloud.com/xtina_starr/afro-interstellar-travels">Afro Interstellar Travels →</a>
                  </li>
                  <li><a class="outbound "
                      href="https://open.spotify.com/playlist/18gmErHmIKIdEIDVKe5mBJ?si=xFmACCv-SgapPBeHTLzwuw&nd=1">Kwaito
                      →</a></li>
                </ul>
              </div>
            </div>
          </section>
        </div>
        <div class="column">
          <section class="residency">
            <div class=" container">
              <p class="section-title">
                Known for
              </p>
              <ul>
                <li> <a href="https://www.instagram.com/studio_imphepho/" target="_blank">STUDIO IMPHEPHO
                  </a></li>
                <li><a href="https://www.instagram.com/xtina_starr/">Black Gold
                  </a></li>
                <li> <a href="https://www.instagram.com/descendantsofsound/">DESCENDANTS OF SOUND
                  </a></li>
                <li><a href="https://www.instagram.com/amapianonyc/">Amapiano Nyc
                  </a></li>
                <li><a href="https://uk.yahoo.com/">Yahoo UK
                  </a></li>

                <li><a href="https://www.instagram.com/afrohouseny/">Afro house Nyc
                  </a></li>
                <li><a href="https://www.instagram.com/drumsradio/">Drum Radio
                  </a></li>
              </ul>
            </div>

            <div class="slider container fullbleed">
              <img src="assets/img/Xtina-Hand-on -Chin-Looking-Right-By-Roger-Gallegos.jpg" alt="">
            </div>


          </section>
        </div>
      </div>
      <div class=" book container" id="ct">
        <a class="outbound" href="mailto:c.thompsonms@gmail.com">
          Let's Connect →
        </a>
        <img src="assets/img/Book-oval.svg" alt="">
      </div>
    </main>
    <footer>
      <section class="subscribe" id="sub">
        <div class="container fullbleed">
          <form action="https://gmail.us7.list-manage.com/subscribe/post?u=88554b4591b1f5643c6dee2ac&amp;id=e4b4a1a173"
            method="post" id="subscribe-form" name="subscribe-form" class="validate" target="_blank" novalidate="">
            <div id="email-wrap">
              <div class="section-title"><label for="email-updates">Subscribe to get Christina Starr Updates</label>
              </div>
              <div class="email-form">


                <input type="email" value="" name="EMAIL" class="email" id="email-input" placeholder="email" required="" ">
            <div  aria-hidden=" true">
                <input type="submit" value="Subscribe →" name="subscriber" id="subscriber" class="button">
              </div>

            </div>
          </form>

        </div>
      </section>

      <section class="attribution">
        <div class="copy">
          &copy; Copyright 2022
        </div>
        <div class="logo">
          <img src="assets/img/xtinalogo.svg" alt="">
        </div>
      </section>

    </footer>

  </div>
  </div>
</body>

</html>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/index.js"></script>