-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (74 loc) · 3.07 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
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<link rel="stylesheet" href="style.css">
<title>Portfolio Website</title>
</head>
<body>
<div class="bg">
<header>
<a href="#" class="logo">SMX</a>
<nav>
<a href="#" class="active"> Home</a>
<a href="collection" >Projects</a>
<a href="#" >Skills</a>
<a href="" >Experience</a>
<a href="tel:+918848292868" >Contact</a>
</nav>
</header>
</div>
<section class="home" id="collection" >
<!-- <div class="home-img">
<img class="round_img"src="https://i.postimg.cc/jSJSNxTD/Screenshot-2024-08-18-at-5-08-40-AM.png" alt=""> -->
<div class="container">
<div class="box">
<div class="ani">
<!-- <h1 style="font-size: 100px;">Hey..!!!</h1> -->
<h3 class="typing-text1" style="font-size: 70px; "><span></span></h3>
</div>
</div>
<div class="video">
<a href="mailto:[email protected]"><video class="responsive-video" src="./Modern Minimalist Graffiti Dream Brand Logo-vmake.mp4" autoplay="" loop="" muted="muted" playsinline="" controlslist="nodownload" ></video></a>
</div>
</div>
</div>
<div class="home-content">
<h1>It's.. <span>SMX</span></h1>
<h3 class="typing-text">I'm a <span></span></h3>
<p>So called engineer And a Creator..</p>
<div class="social-icons">
<a href="https://www.linkedin.com/in/shyam-krishnan-432754307/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/SMX-VISION" target="_blank"><i class="fa-brands fa-github"></i></a>
<!-- <a href="#"><i class="fa-brands fa-x-twitter"></i></a> -->
<a href="https://www.instagram.com/smx_0121/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
</div>
<a href="mailto:[email protected]" class="btn">Hire me</a>
</div>
<!-- <div class="gallery">
<img src="/assets/temple4k.png">
</div> -->
</section>
<div class="heading">
<h2><div class="Collection">Collection</h2></div>
</div>
<div class="working">
<div class="Works">
<div class="video-wrapper">
<div class="video2">
<video class="responsive-video" src="./Astrnt fnl .mp4" autoplay="" loop="" muted="muted" playsinline="" controlslist="nodownload" >
</video>
</div>
<div class="video3">
<video class="responsive-video" src="./Timeline 1.mp4" autoplay="" loop="" muted="muted" playsinline="" controlslist="nodownload" >
</div>
</div>
</div>
</div>
<div class="working">
Have a great day
</div>
</body>
</html>