forked from Rawpower9/satvik-magic.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (75 loc) · 4.37 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<title>Document</title>
</head>
<body>
<header>
<div style="display: flex; margin-top: 0; padding-top: 0;">
<div id="img" style="display: flex; width: 150px; height: 100px;">
<img src="https://static.wixstatic.com/media/542482_43a759c620a940079852870b6329cd68~mv2.jpeg/v1/fill/w_212,h_159,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/Babbu_pfp.jpeg" alt="bsatvik">
</div>
<div style="margin-left: 20px;">
<p style="font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight:100; font-size: 22px;">SATVIK MAGIC</p>
<p>To Seek the Impossible</p>
</div>
</div>
<hr style="color: white;">
<div id="head" style="padding-bottom: 0%; margin-bottom: 0%;">
<ul id="top">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Shows</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Book Online</a></li>
</ul>
<p>bsatvikmagic(at)gmail(dot)com</p>
</div>
</header>
<main>
<div style="background-color: rgba(81,49,39,255); padding-top: 76px; padding-bottom: 50px; text-align: center;">
<h1 style="padding-top: 0%; margin-top: 0%; font-size:65px; color: #E4D5BE;">SATVIK MAGIC</h1>
<div id="btnHolder" style="padding: 0; margin: 0;"><button onclick="clicker()" id="bookNow">Book Now!</button></div>
<br>
<br>
<div class="SatvikPosing"></div>
<br><br><br>
<div style="display: flex; padding-left: 10%; padding-right: 10%; align-items: center;">
<img style="width: 50%; border-radius: 20px;" src="./542482_e57de91cdc1548e29c5093b0d43f3ff1_mv2.webp" alt="Satvik Posing">
<p style="padding-left: 10%; width: 30%; text-align: left; color: white; font-size: large;">"Don't only practice your art, but force your way into its secrets"<br><br>
Ludwig van Beethoven
</p>
</div>
</div>
<div style="background-color: black; margin: 0;">
<iframe style="margin-left: 20%; margin-top: 50px;" width="60%" height="500px" src="https://www.youtube.com/embed/WADIm1GFMJw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div style="margin: 0; padding: 50px 5% 50px 5%; background-color: #CDC1B9;">
<div style="background-color: black; display: flex; align-items: center;">
<div style="width: 50%; text-align: center;">
<h1 style="color: #E4D5BE;">Contact Info</h1>
<p style="color: white;">bsatvikmagic(at)gmail(dot)com</p>
</div>
<img style = "width: 50%;" src="https://static.wixstatic.com/media/542482_9f1dafe8db5a45068ad3f0cc036ee5dc~mv2.jpg/v1/fill/w_1352,h_680,fp_0.65_0.42,q_85,usm_0.66_1.00_0.01,enc_auto/542482_9f1dafe8db5a45068ad3f0cc036ee5dc~mv2.jpg" alt="Satvik With Cards">
</div>
</div>
</main>
<footer style="background-color: black; align-items: center; padding: 30px 0 10px 0;">
<div style="text-align: center;">
<a href="./styles.css"><img src="https://static.wixstatic.com/media/23fd2a2be53141ed810f4d3dcdcd01fa.png/v1/fill/w_40,h_40,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Facebook.png" alt="smgth" style="height: 20px; width: 20px;"></a>
<a href="./styles.css"><img src="https://static.wixstatic.com/media/7528824071724d12a3e6c31eee0b40d4.png/v1/fill/w_40,h_40,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/LinkedIn.png" alt="smgth" style="height: 20px; width: 20px;"></a>
<a href="./styles.css"><img src="https://static.wixstatic.com/media/01ab6619093f45388d66736ec22e5885.png/v1/fill/w_40,h_40,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Twitter.png" alt="smgth" style="height: 20px; width: 20px;"></a>
</div>
<br><br>
<p style="text-align: center; color: white; margin: 0;">Site made by Ritvik</p>
</footer>
<script>
console.log("dwavuyiuhdbwav")
function clicker(){
console.log("dwohuiaijdwaiohdiowa");
}
</script>
</body>
</html>