-
Notifications
You must be signed in to change notification settings - Fork 0
/
Portfolio.html
127 lines (120 loc) · 4.9 KB
/
Portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Abin Sunny - Portfolio</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.header {
background-color: #333;
color: white;
padding: 20px;
text-align: center;
}
.header img {
border-radius: 50%;
width: 100px;
height: 100px;
}
.header h1 {
margin: 10px 0;
}
.header p {
margin: 5px 0;
font-size: 1.2em;
}
.nav {
display: flex;
justify-content: center;
background-color: #444;
padding: 10px 0;
}
.nav a {
color: white;
padding: 14px 20px;
text-decoration: none;
text-align: center;
}
.nav a:hover {
background-color: #555;
}
.content {
padding: 20px;
max-width: 900px;
margin: 0 auto;
}
.section {
margin-bottom: 40px;
}
.section h2 {
border-bottom: 2px solid #333;
padding-bottom: 10px;
}
.contact a {
display: inline-block;
margin-top: 10px;
color: #333;
text-decoration: none;
}
.contact a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="header">
<img src="Abin Sunny.jpeg" alt="Abin Sunny">
<h1>Abin Sunny</h1>
<p>B.Tech Student in Computer Science</p>
</div>
<div class="nav">
<a href="#about">About Me</a>
<a href="#projects">Projects</a>
<a href="#skills">Skills</a>
<a href="#contact">Contact</a>
<a href="C:\Users\welcome\Downloads\Portfolio\Abin Sunny - Resume.pdf" target="_blank">Resume</a>
<a href="https://www.linkedin.com/in/abinsunny7" target="_blank">LinkedIn</a>
</div>
<div class="content">
<div id="about" class="section">
<h2>About Me</h2>
<p>Hello! I'm Abin Sunny, a passionate B.Tech student majoring in Computer Science at Amal Jyothi College of Engineering, Kanjirappally. My academic journey has been driven by a deep interest in technology and innovation. I have a strong foundation in programming, algorithms, and software development, and I enjoy exploring the latest advancements in Artificial Intelligence.</p>
<p>When I'm not coding, I enjoy staying updated on tech trends, experimenting with new technologies, and collaborating with my peers on innovative solutions.</p>
<p>I'm excited about the future and eager to contribute to the tech industry with creative and impactful solutions.</p>
</div>
<div id="projects" class="section">
<h2>Projects</h2>
<h3>FaceTrack: Facial Recognition-Based Attendance Management</h3>
<p>FaceTrack is an innovative attendance management system that leverages facial recognition technology. Designed to streamline attendance tracking in educational institutions, businesses, and organizations, FaceTrack offers both facial recognition and manual entry modes, ensuring flexibility and accuracy. Our system simplifies the onboarding process with easy photo capture registration, making it user-friendly and efficient.</p>
<h3>SkinSafe: An AI Based Skin Consultant</h3>
<p>I am currently developing SkinSafe, an AI-powered skin consultant designed to assist users in identifying skin conditions. By analyzing photos submitted by users, SkinSafe utilizes advanced machine learning algorithms to detect various skin diseases. The system provides detailed information on symptoms, causes, and possible remedies, and even recommends consulting a professional doctor when necessary, offering a comprehensive approach to skin health.</p>
</div>
<div id="skills" class="section">
<h2>Skills</h2>
<ul>
<li>C</li>
<li>C++</li>
<li>Java</li>
<li>SQL</li>
<li>Python</li>
<li>HTML</li>
<li>CSS</li>
<li>Artificial Intelligence</li>
<li>Machine Learning</li>
</ul>
</div>
<div id="contact" class="section contact">
<h2>Contact</h2>
<p>Abin Sunny.</p>
<p>Ph: 8129260438</p>
<a href="mailto:your-abinsunnyofficial7@gmail.com">Email Me</a>
</div>
</div>
</body>
</html>