-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (94 loc) · 3.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Personal portfolio website</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- --------------header section---------- -->
<div id="header">
<div class="container">
<nav>
<h1>Babith</h1>
<ul>
<li><a href="#header">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#projects">PROJECTS</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</nav>
<div class="header-text">
<div class="text">
<p>Web Developer</p>
<h1>
Hi,I'm <span>J S NINAD</span><br />
from India
</h1>
</div>
<img src="person.jpg" alt="babith" />
</div>
</div>
</div>
<!-- -------About section------------- -->
<div id="about">
<div class="container">
<div class="row">
<div class="col1">
<img src="person.jpg">
</div>
<div class="col2">
<h1 class="sub-title">About me</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut repellendus doloremque adipisci est provident,
rem ratione possimus? Cum et pariatur distinctio eaque alias sint, nesciunt, suscipit, quia nam qui
molestiae maiores beatae amet fugiat similique!</p>
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
<p class="tab-links" onclick="opentab('experience')">Experience</p>
<p class="tab-links" onclick="opentab('education')">Education</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>UI/UX</span><br>Designing Web/App interfaces</li>
<li><span>Web development</span><br>Designing Web/App interfaces</li>
<li><span>App development</span><br>Designing Web/App interfaces</li>
</ul>
</div>
<div class="tab-contents" id="experience">
<ul>
<li><span>Microsoft</span><br>Designing Web/App interfaces</li>
<li><span>Google</span><br>Software developer</li>
<li><span>Amazon</span><br>Design Egineer</li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li><span>Sahyadri college of engineering</span><br>Btech cse</li>
<li><span>Xavire college</span><br>Pre university</li>
<li><span>st thomas college</span><br>Schooling</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- --------------Projects---------------------- -->
<div id="projects">
<center><h1 class="subtitle">My Projects</h1></center>
<br>
<br>
<div class="slide">
<center>
<h1 id="id01">Webdev</h1>
<button onclick="previousImage()">previous</button>
<img src="webdev.jpg" alt="loading" id="myImg" width="50%">
<button onclick="nextImage()">next</button>
</center>
</div>
</div>
<script src="script.js"></script>
</body>
</html>