-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (123 loc) · 6.46 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
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
<!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">
<title>Shane's Portfolio</title>
<link rel="website icon" type="jpeg" href="images/Logo.jpg">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header class="header">
<a href="#" class="logo">Shanesation</a>
<nav class="navbar">
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#projects">Projects</a>
<a href="#experience">Experience</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</nav>
<div class="bx bx-menu" id="menu-icon"></div>
</header>
<section class="home" id="home">
<div class="home-content">
<h3>Hello, I'm</h3><br>
<h1>Shane Chellam</h1><br>
<p>I'm a Frontend Developer currently studying in Manipal Institute of Technology, Bangalore.</p>
<div class="social-media">
<a href="https://www.instagram.com/shane.c.3/"><i class='bx bxl-instagram' ></i></a>
<a href="https://www.linkedin.com/in/shane-chellam-369144283/"><i class='bx bxl-linkedin'></i></a>
<a href="https://github.com/Shane-3"><i class='bx bxl-github' ></i></a>
<a href="https://discordapp.com/users/503631821616054274"><i class='bx bxl-discord-alt'></i></a>
</div>
<a href="https://drive.google.com/file/d/1vSuLRu2J4po9YtmBHE46XFlVIBwCGi13/view?usp=sharing" class="btn">Download CV</a>
</div>
</section>
<section class="about" id="about">
<div class="about-img">
<img src="images/pic.jpg" alt="">
</div>
<div class="about-content">
<h2 class="heading">About Me</h2>
<h3>Hi, I'm Shane Chellam</h3>
<h4>Frontend Developer</h4>
<p>
Currently a sophomore at Manipal Institute of Technology specializing in Data Science. I’m a freelance web developer with experience in building modern websites and applications. Proficient in tools like React, Vue.js, and Tailwind CSS, I focus on creating minimalistic and user-friendly designs while delivering efficient solutions.
</p>
</div>
</section>
<section class="projects" id="projects">
<h2 class="heading">My <span>Projects</span></h2>
<div class="projects-container">
<div class="project-card">
<img src="images/CodeAI.png" alt="Project 1">
<div class="project-info">
<h3>CODE-AI 2025 Website</h3>
<p>2nd International Conference on Data Science & Exploration in Artificial Intelligence built on HTML, CSS & JavaScript</p>
<a href="https://conference.manipal.edu/CODE-AI2025" class="btn">View Project</a>
</div>
</div>
<div class="project-card">
<img src="images/hacknova.png" alt="Project 2">
<div class="project-info">
<h3>HackNova Website</h3>
<p>CTF Event Website built on React & Tailwind CSS </p>
<a href="https://hacknova.netlify.app/" class="btn">View Project</a>
</div>
</div>
</div>
</section>
<section class="experience" id="experience">
<h2 class="heading">My <span>Experience</span></h2>
<div class="experience-container">
<div class="experience-card">
<h3>Frontend Developer Intern</h3>
<h4>Comorin Consulting Service</h4>
<p>Worked on a community platform using Vue.js. Developed single-page applications and integrated APIs.</p>
<span class="date">May 2024 - July 2024</span>
</div>
</div>
</section>
<section class="services" id="services">
<h2 class="heading">My <span>Services</span></h2>
<div class="services-container">
<div class="services-box">
<i class="bx bx-code-alt"></i>
<h3>Web Development</h3>
<p>Creating responsive and user-friendly websites that are visually appealing and functional.</p>
<a href="#" class="btn">Read More</a>
</div>
<div class="services-box">
<i class="bx bxs-user"></i>
<h3>Freelancer</h3>
<p>Providing freelance services for web development and design, ensuring quality and efficiency.</p>
<a href="#" class="btn">Read More</a>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2 class="heading">Contact <span>Me!</span></h2>
<form action="#" method="post">
<div class="input-box">
<input type="text" id="name" placeholder="Full Name"required>
<input type="email" id="email" placeholder="Email Address"required>
</div>
<div class="input-box">
<input type="text" id="phone" placeholder="Phone Number"required>
<input type="text" id="subject" placeholder="Subject">
</div>
<textarea name="" id="message" cols="30" rows="10" id="message" placeholder="Message"></textarea>
<input type="Submit" value="Send Message" class="btn">
</form>
</section>
<footer class="footer">
<p>© 2024 Shane Chellam. All Rights Reserved</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="main.js"></script>
</body>