-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio_sarath_k.html
130 lines (109 loc) · 3.63 KB
/
portfolio_sarath_k.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
<!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.0">
<title>User's Portfolio</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
/* Add your custom styles here based on the user's preferences */
.hero {
background-color: #f8f9fa;
text-align: center;
padding: 50px 0;
}
.hero h1 {
color: #333;
font-size: 2em;
}
.hero p {
color: #555;
font-size: 1.2em;
}
.cta {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
margin-top: 20px;
display: inline-block;
}
.about {
text-align: center;
padding: 50px 0;
background-color: #f8f9fa;
}
.about h2 {
color: #333;
font-size: 1.5em;
}
.about p {
color: #555;
font-size: 1.2em;
}
.skills {
margin-top: 20px;
}
.skill {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.skill img {
width: 50px;
height: 50px;
margin-right: 15px;
}
.skill h3 {
font-size: 1.2em;
color: #333;
}
.skill p {
font-size: 1em;
color: #666;
}
</style>
</head>
<body>
<section class="hero">
<h1>Welcome to [Company Name], where innovation meets expertise in the world of Artificial Intelligence and Machine Learning.</h1>
<p>Are you ready to take your projects to the next level with a team that values your unique background and skills? As an immigrant from India with a master's in computer science, you bring a wealth of knowledge and experience to the table. Your GitHub projects focusing on AI and machine learning showcase your technical expertise and problem-solving skills.</p>
<a href="#" class="cta">Join Us Now</a>
</section>
<section class="about">
<h2>About Me</h2>
<p>At [Company Name], we understand the challenges and triumphs of immigration, education, and entrepreneurship. We celebrate cultural diversity and foster a growth mindset that encourages continuous learning and innovation.</p>
</section>
<section class="skills">
<h2>Skills</h2>
<div class="skill">
<img src="ai-icon.png" alt="AI Icon">
<h3>Artificial Intelligence</h3>
<p>Proficient in developing AI models for various applications</p>
</div>
<div class="skill">
<img src="ml-icon.png" alt="Machine Learning Icon">
<h3>Machine Learning</h3>
<p>Strong background in implementing machine learning algorithms</p>
</div>
<div class="skill">
<img src="programming-icon.png" alt="Programming Icon">
<h3>Programming Languages</h3>
<p>Advanced skills in Python, Java, and C++ for programming tasks</p>
</div>
</section>
<!-- Include other sections like projects, contact, etc. -->
<script>
// Add your JavaScript for interactivity and animations here
</script>
</body>
</html>