-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
42 lines (33 loc) · 1.7 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
<!doctype html>
<html lang="en">
<head>
<!-- Basic Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="A ThirtysixStudio clone showcasing my GSAP animation skills, with an interactive, minimalistic design. Clicking the ThirtysixStudio text triggers dynamic 3D elements and smooth transitions, powered by randomly swapping 2D images. This project highlights my proficiency in creating modern, engaging web experiences." />
<!-- Title -->
<title>Thirtysixstudio clone</title>
<!-- Favicon -->
<link rel="icon" type="image/svg+xml" href="https://thirtysixstudio.com/favicon-32x32.png" />
<link rel="apple-touch-icon" href="https://thirtysixstudio.com/favicon-32x32.png" />
<!-- Social Media Open Graph Tags -->
<meta property="og:title" content="Thirtysixstudio Clone" />
<meta property="og:description"
content="Showcasing GSAP animation skills with an interactive, minimalistic design. Explore dynamic 3D elements and smooth transitions in this modern web experience." />
<meta property="og:url" content="https://thirtysixstudiooclone.vercel.app" />
<meta property="og:type" content="website" />
<!-- SEO Enhancements -->
<meta name="author" content="Mukesh Billa" />
<meta name="keywords"
content="ThirtysixStudio, GSAP, React.js, Tailwind CSS, animation, web design, interactive design, minimalistic, web development" />
<!-- Robots -->
<meta name="robots" content="index, follow" />
<!-- Additional Compatibility -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>