Skip to content

Commit b99ef2f

Browse files
Divide-By-0Divide-By-0
committed
added partners
1 parent 39fef06 commit b99ef2f

File tree

9 files changed

+254
-16
lines changed

9 files changed

+254
-16
lines changed

‎css/style.css

+202-4
Original file line numberDiff line numberDiff line change
@@ -96,6 +96,7 @@ header {
9696
position: relative;
9797
padding: 8.5% 0;
9898
max-width: 100%;
99+
height: auto;
99100
}
100101

101102
.content2 {
@@ -135,6 +136,7 @@ h6 {
135136
margin-top: 0px;
136137
}
137138

139+
138140
h5 {
139141
font-weight: normal;
140142
}
@@ -170,6 +172,7 @@ h1:after {
170172
margin-bottom: 40px;
171173
}
172174

175+
173176
h2 {
174177
color: #fff;
175178
font-size: 45px;
@@ -285,6 +288,14 @@ article {
285288
padding-bottom: 220px;
286289
}
287290

291+
.kontakt {
292+
height: auto;
293+
background-color: #E2E2E2;
294+
background-position: center 0;
295+
background-color: #0d0e0e;
296+
padding-bottom: 220px;
297+
}
298+
288299
.barbers {
289300
background: url('../images/barbers.png') no-repeat;
290301
width: 381px;
@@ -295,6 +306,123 @@ article {
295306
margin-bottom: 160px;
296307
}
297308

309+
.partners {
310+
background: url('../images/partners.png') no-repeat;
311+
width: 470px;
312+
height: 219px;
313+
position: relative;
314+
margin: 0 auto;
315+
margin-top: 40px;
316+
margin-bottom: 40px;
317+
}
318+
319+
.partner-text {
320+
width: 70%;
321+
position: relative;
322+
margin: 0 auto;
323+
}
324+
325+
.partner-product-text {
326+
max-width: 500px;
327+
position: relative;
328+
margin: 0 auto;
329+
}
330+
331+
.partner-product-text a{
332+
font-weight: bold;
333+
color: #015151;
334+
}
335+
336+
.partner-product-text a:hover {
337+
color: #995959;
338+
}
339+
340+
.partner-product-text a:visited {
341+
color: #014040;
342+
}
343+
344+
.partner-image {
345+
max-width: 300px;
346+
height: auto;
347+
margin: 0 auto;
348+
}
349+
350+
.partner-gallery {
351+
width: 80%;
352+
min-height: 100%;
353+
display: flex;
354+
align-items: center;
355+
justify-content: flex-start;
356+
flex-direction: column;
357+
position: relative;
358+
margin: 0 auto;
359+
}
360+
361+
.partner-gallery-row {
362+
/*width: 100%;*/
363+
min-height: 400px;
364+
/*height: 400px;*/
365+
max-width: 1000px;
366+
/*min-width: 800px;*/
367+
/*width: 800px;*/
368+
position: relative;
369+
margin: 0 auto;
370+
display: flex;
371+
flex-direction: row;
372+
-webkit-flex-wrap: wrap;
373+
flex-wrap: wrap;
374+
/*justify-content: space-around;*/
375+
justify-content: space-between;
376+
}
377+
378+
.partner-gallery-element {
379+
flex-grow: 1;
380+
flex-basis: 0;
381+
/*flex: 1;*/
382+
min-height: 400px;
383+
/*min-width: 400px;*/
384+
width: 400px;
385+
position: relative;
386+
margin: 10px auto;
387+
padding: 20px auto;
388+
/*background-color: green;*/
389+
/*align-self: center;*/
390+
}
391+
392+
.product {
393+
color: #191919;
394+
font-size: 45px;
395+
line-height: 60px;
396+
text-align: center;
397+
font-family: 'Gin-Rough';
398+
font-weight: bold;
399+
letter-spacing: 0.05em;
400+
margin-top: 0px;
401+
}
402+
403+
.product:before {
404+
display: block;
405+
margin: 0 auto;
406+
content: ' ';
407+
background-image: url('../images/deco.svg');
408+
background-size: 129px 13px;
409+
height: 13px;
410+
width: 129px;
411+
transform: rotate(180deg);
412+
margin-bottom: 10px;
413+
}
414+
415+
.product:after {
416+
display: block;
417+
margin: 0 auto;
418+
content: ' ';
419+
background-image: url('../images/deco.svg');
420+
background-size: 129px 13px;
421+
height: 13px;
422+
width: 129px;
423+
margin-top: 22px;
424+
}
425+
298426
.teambox {
299427
margin: 0 auto;
300428
width: 96%;
@@ -310,6 +438,15 @@ article {
310438
/*margin-left: 2%;*/
311439
}
312440

441+
.firsthand {
442+
background: url('../images/firsthand.png') no-repeat;
443+
display: block;
444+
margin-left: auto;
445+
margin-right: auto;
446+
/*float: left;*/
447+
/*margin-left: 2%;*/
448+
}
449+
313450
.mitarbeiter {
314451
padding-bottom: 35%;
315452
min-height: 400px;
@@ -330,6 +467,16 @@ article {
330467
bottom: 0;
331468
}
332469

470+
.name-black {
471+
color: #E2E2E2;
472+
position: relative;
473+
margin-left: auto;
474+
margin-right: auto;
475+
left: 0;
476+
right: 0;
477+
bottom: 0;
478+
}
479+
333480
h2.name {
334481
font-size: 38px;
335482
}
@@ -589,16 +736,67 @@ h2.name {
589736
margin-bottom: 5px;
590737
}
591738

592-
a.contact:hover {
593-
color: #515151;
739+
.contact-white {
740+
color: #E2E3E3;
741+
font-size: 46px;
742+
font-style: italic;
743+
line-height: 70px;
744+
display: inline-block;
745+
letter-spacing: 0.075em;
746+
margin-bottom: 5px;
747+
}
748+
749+
.contact-body-white {
750+
color: #E2E3E3;
751+
font-variant-ligatures: none;
752+
display:block;
753+
letter-spacing: 0.075em;
754+
font-style:italic;
755+
}
756+
757+
.contact-body-black {
758+
color: #E2E3E3;
759+
font-variant-ligatures: none;
760+
display:block;
761+
letter-spacing: 0.075em;
762+
font-style:italic;
763+
}
764+
765+
.contact-body-2 {
766+
color: #E2E3E3;
767+
font-style:normal;
768+
line-height:1.3;
769+
letter-spacing: 0.075em;
770+
max-width:640px;
771+
margin:0 auto;
772+
padding-bottom:20px;
773+
}
774+
775+
.contact a {
776+
color: #ADD8E6;
777+
}
778+
779+
.contact a:hover {
780+
color: #ADD8E6;
781+
}
782+
783+
.contact-white a {
784+
color: #0080A0;
785+
text-decoration: underline;
786+
}
787+
788+
.contact-white a:hover {
789+
color: #0040D0;
790+
text-decoration: underline;
594791
}
595792

596793
.hl-contact {
597-
background: url('../images/kontakt.jpg') no-repeat;
794+
background: url('../images/kontakt.png') no-repeat;
598795
width: 400px;
599796
height: 226px;
600797
position: relative;
601798
margin: 0 auto;
799+
margin-top: 40px;
602800
margin-bottom: 60px;
603801
}
604802

@@ -607,7 +805,7 @@ a.contact:hover {
607805
margin-top: 60px;
608806
width: 549px;
609807
height: 51px;
610-
background: url('../images/bg-social.jpg') no-repeat;
808+
background: url('../images/bg-social.png') no-repeat;
611809
position: relative;
612810
margin: 0 auto;
613811
}

‎images/bg-social.png

4.94 KB
Loading

‎images/fb.png

1.85 KB
Loading

‎images/firsthand.png

128 KB
Loading

‎images/instagram.png

3.44 KB
Loading

‎images/kontakt.png

65.8 KB
Loading

‎images/maple.png

248 KB
Loading

‎images/partners.png

58.9 KB
Loading

‎index.html

+52-12
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
<meta name="apple-mobile-web-app-capable" content="yes">
2222
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
2323
<meta name="viewport" content="initial-scale=0.2">
24-
<link rel="canonical" href="mitfades.com" />
24+
<link rel="canonical" href="http://mitfades.com/" />
2525
<meta property="og:image" content="https://aayushg.com/barbershop/images/aayush_fb_sized.png">
2626
<meta property="og:url" content="http://mitfades.com/">
2727
<meta property="og:title" content="Big Daddy Gup's Fade Shop">
@@ -97,9 +97,9 @@ <h1>Big Daddy Gup's Fade Shop</h1>
9797

9898
<section class="fg6 push3">
9999
<p>
100-
A space for MIT students to obtain the tightest fades the world of barbery has to offer. <br><br> Precise, elegant, faded.
100+
A space for MIT students to obtain the tightest fades the world of barbery has to offer. <br><br> Precise, elegant, faded. <br><br>
101101
</p>
102-
102+
<p style="font-weight: bold"> NEW: Offering quarantine haircuts on demand in the Bay Area.
103103
<a class="cta" data-scroll data-speed="3" data-easing="easeInOutCubic" data-url="false" href="#kontakt">Make Appointment Now</a>
104104
</section>
105105
</div>
@@ -207,29 +207,68 @@ <h2 class="name">Aayush Gupta</h2>
207207

208208

209209

210-
<div class="content" id="kontakt">
210+
<div class="content" >
211+
<div class="border-1 turn-180"></div>
212+
<div class="border-1"></div>
213+
214+
<div class="partners"></div>
215+
216+
<div class="partner-gallery">
217+
<p class="partner-text">
218+
I choose my routine very carefully. First, I spend dozens of hours researching ingredients and hand selecting brands to try. To avoid hair loss, products need to have nonirritating and nontoxic ingredients. Once I choose a product to use every day, I reach out to the brand, not the other way around. If I switch my routine, I change my recommendations to keep them top quality. <br><br>
219+
</p>
220+
<div class="partner-gallery-row">
221+
<div class="partner-gallery-element">
222+
<div class="product">Firsthand</div>
223+
<p class="partner-product-text">
224+
Clay pomade that I've found to be the most sweatproof. Keeps 2-6 inch hair in style for ~10 hours. Out of all styling products I've seen, this one has the most nonirritating/nontoxic ingredients on EWG and CosDNA. Sulfate free, drying alcohol free, and water based. Can buy for $20 on <a href="https://amzn.to/2VkninG">Amazon</a> or $18 on the <a href="https://www.firsthandsupply.com/products/clay-pomade">Firsthand site</a> with code 'mitfades'. <br>
225+
</p>
226+
</div>
227+
<a class="partner-gallery-element" href="https://amzn.to/2VkninG"><img src="images/firsthand.png"></a>
228+
229+
</div>
230+
<div class="partner-gallery-row">
231+
<div class="partner-gallery-element">
232+
<div class="product">Maple Holistics</div>
233+
<p class="partner-product-text">
234+
Minty shampoo and conditioner. I found about 3 shampoos with the most nonirritating/nontoxic ingredients on EWG and CosDNA, but this one smelled the best. Sulfate free and drying alcohol free. Can buy for $18 on <a href="https://amzn.to/31lxzUu">Amazon</a>. <br>
235+
</p>
236+
</div>
237+
<a class="partner-gallery-element" href="https://amzn.to/31lxzUu"><img class="partner-image" src="images/maple.png"></a>
238+
239+
</div>
240+
</div>
241+
242+
<div style="clear:both;"></div>
243+
</div>
244+
245+
246+
<div class="content kontakt" id="kontakt" data-stellar-background-ratio="0.8">
247+
248+
<div class="border-1 turn-180"></div>
249+
<div class="border-1"></div>
211250
<div style="position:relative;" data-stellar-ratio="1.11" data-stellar-vertical-offset="1000">
212251
<div class="hl-contact"></div>
213252

214253
<section class="fg6 push3">
215254

216255

217256
<br>
218-
<span class="contact">For appointments, hit my <a class="contact" href="https://www.facebook.com/aayushgupta05" style="text-decoration: underline;color:blue">dms</a>.<br></span><br>
219-
<span style="font-variant-ligatures: none; display:block; letter-spacing: 0.075em; font-style:italic;"><b>Cost:</b> Pay what you want. Venmo aayush_gupta up.</span>
220-
<span style="font-variant-ligatures: none; display:block; letter-spacing: 0.075em; font-style:italic;"><b>Location:</b> Meet me Burton-Connor on B4 @ 431B. </span>
221-
<span style="padding-bottom:65px; font-variant-ligatures: none; display:block; letter-spacing: 0.075em; font-style:italic;"><b>Hours:</b> Every day, 1am-2am. </span>
257+
<span class="contact-white">For appointments, hit my <a class="contact" href="https://www.facebook.com/aayushgupta05">dms</a>.<br></span><br>
258+
<span class="contact-body-white"><b>Cost:</b> Pay what you want. Venmo aayush_gupta up.</span>
259+
<span class="contact-body-white"><b>Location:</b> Meet me Burton-Connor on B4 @ 431B. </span>
260+
<span class="contact-body-white" style="padding-bottom:65px;"><b>Hours:</b> Every day, 1am-2am. </span>
222261

223262

224-
<p style="font-style:normal; line-height:1.3; letter-spacing:0.5px; max-width:640px; margin:0 auto; padding-bottom:20px;">
263+
<p class="contact-body-2">
225264
<strong>Cancellations</strong><br><br> Bruh. <br><br>
226265

227266

228267
<br><br>
229268
<div style="clear:both;"></div>
230269
<div class="social">
231-
<a href="https://www.facebook.com/aayushgupta05" target="blank"><img src="images/fb.jpg"></a>
232-
<a href="https://instagram.com/_aayushgupta_/" target="blank"><img src="images/instagram.jpg"></a>
270+
<a href="https://www.facebook.com/aayushgupta05" target="blank"><img src="images/fb.png"></a>
271+
<a href="https://instagram.com/_aayushgupta_/" target="blank"><img src="images/instagram.png"></a>
233272
</div>
234273
<div style="clear:both;"></div>
235274
</section>
@@ -238,9 +277,10 @@ <h2 class="name">Aayush Gupta</h2>
238277
</div>
239278

240279
<div style="clear:both;"></div>
241-
</div>
242280

243281

282+
</div>
283+
244284

245285
<div class="content" style="padding-bottom:0px;">
246286

0 commit comments

Comments
 (0)