-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (148 loc) · 8 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PORTFOLIO</title>
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/7d48c5bf01.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<img src="" class="logo" alt="">
<ul id="sidemenu">
<li><a href="">Home</a></li>
<li><a href="#about">About</a></li>
<!-- <li><a href="#education">Education</a></li>
<li><a href="#projects">Projects</a></li> -->
<li><a href="#contact">Contact</a></li>
<i class=" fas fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<i class=" fas fa-solid fa-bars" onclick="openmenu()"></i>
</nav>
<div class="header-text">
<!-- <p>Web Developer</p> -->
<h1>Hi,I'm <span>Nithesh</span> <br>From India</h1>
</div>
</div>
</div>
<!-- about -->
<div id="about">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="images/IMG-20240512-WA0064[1].jpg" alt="" srcset="">
</div>
<div class="about-col-2">
<h1 class="sub-title">About Me</h1>
<p>MCA graduate with a strong interest in software development, Effective team player with excellent time
management skills. Committed to continuous learning and staying updated with industry trends. Seeking
opportunities to contribute to web development projects and deliver high-quality solutions</p>
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
<p class="tab-links" onclick="opentab('education')">Education</p>
<p class="tab-links" onclick="opentab('projects')">Projects</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>HTML</span></li>
<li><span>CSS</span></li>
<li><span>JavaScript</span></li>
<li><span>Python</span></li>
<li><span>C Programming</span></li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li><span>Master of Computer Application(2023-2025)</span><br>ST Joseph Engineering College <br>Vamanjoor, Manglore, Karnataka, India</li>
<li><span>Bachelore of Computer Application(2020-2023)</span><br>Sharada Degree College <br>Talapady, Mangalore, Karnataka, India</li>
<li><span>PUC (2018-20)</span><br>State syllabus -Kerala Higher Secondary Examination</li>
<li><span>SSLC (2017-18)</span><br>State syllabus, kerala Secondary Education Examination Board</li>
</ul>
</div>
<div class="tab-contents" id="projects">
<ul>
<li><span>UNIQUE SOLUTION(2024)</span><br>Designed and Developed the unique solutions website,a responsive service booking platform for laptops,computers,inverters,CCTv and related products.Utilized HTML,CSS,JavaScript and PHP to create a user-friendly interface with media queries across all devices enhancing website usability and accessibility for seamless online service booking. </li>
<li><span>DRUG RIAL(2023)</span><br>Developed an e-commerce website using HTML,CSS, JavaScript and PHP based on pharmacy where there will be all kinds of medical
products at one place which will be easily accessible by the customers through both online.</li>
</ul>
</div>
</div>
</div>
</div>
<a href="images/newrewsume.pdf" download class="btn ">Download CV</a>
</div>
<!-- -contact -->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="sub-title">Contact Me</h1>
<p> <a href="mailto:nithesh0128@gmail.com" style="text-decoration: none; color: aliceblue;"><i class="fa-regular fa-envelope"></i>nithesh0128@gmail.com</a></p>
<p><i class="fa-solid fa-phone"></i>7909209834</p>
<div class="social-icons">
<a href="https://www.instagram.com/n.ithesh._/"><i class="fa-brands fa-instagram"></i></a>
<a href="https://x.com/n_ithesh"><i class="fa-brands fa-x-twitter"></i></a>
<a href="https://www.linkedin.com/public-profile/settings?trk=d_flagship3_profile_self_view_public_profile"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/n-ithesh?tab=repositories"><i class="fa-brands fa-github"></i></a>
</div>
</div>
<div class="contact-right">
<form action="" name="submit-to-google-sheet">
<input type="text" name="name" id="" placeholder="Enter Your Name" required>
<input type="email" name="email" id="" placeholder="Enter The Email" required>
<textarea name="message" id="" rows="6" placeholder="Enter The Message"></textarea>
<button type="submit" class="btn btn2">Submit</button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
<div class="copy-right">
<p>Copyright © Nithesh</p>
</div>
</div>
<script>
var tablinks = document.getElementsByClassName("tab-links");
var tabcontents =document.getElementsByClassName("tab-contents");
function opentab(tabname){
for(tablink of tablinks){
tablink.classList.remove("active-link")
}
for(tabcontent of tabcontents){
tabcontent.classList.remove("active-tab");
}
event.currentTarget.classList.add("active-link");
document.getElementById(tabname).classList.add("active-tab");
}
var sidemenu=document.getElementById("sidemenu");
function openmenu()
{
sidemenu.style.right="0";
}
function closemenu()
{
sidemenu.style.right="-200px";
}
</script>
<script>
const scriptURL = 'https://script.google.com/macros/s/AKfycbyIy2xZhc8D5JdLO7o2QkHOoSVqSOdy2x_xByXJeU9iQt2-OyDCXsQfPzj7Ggy2FiKv/exec'
const form = document.forms['submit-to-google-sheet']
const msg=document.getElementById("msg")
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => {
msg.innerHTML="Message Send Successfully"
setTimeout(function(){
msg.innerHTML=""
},4000)
form.reset()
})
.catch(error => console.error('Error!', error.message))
})
</script>
</body>
</html>