-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (149 loc) · 5.93 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
162
<!DOCTYPE HTML>
<html>
<head>
<title>Syeda Eman's Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Syeda Eman</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#work">Work</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Syeda Eman</h2>
<p>Artificial Intelligence Enthusiast</p>
<p>Welcome to My Portfolio!</p>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>About Me</h2>
<p>Hello, I'm Eman, an O-level student with a passion for Artificial Intelligence. I enjoy immersing myself in books and exploring new frontiers. My dream is to become one of the world's leading AI scientists and proudly represent my beautiful country, Pakistan, on the global stage.
Join me on this incredible journey of learning and discovery because I truly believe that knowledge knows no bounds. Together, let's push the boundaries of what's possible!</p>
</header>
<ul class="icons major">
<li><span class="icon fa-gem major style1"><span class="label">AI</span></span></li>
<li><span class="icon fa-heart major style2"><span class="label">ML</span></span></li>
<li><span class="icon solid fa-code major style3"><span class="label">Code</span></span></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div>
<div class="content">
<h2>My Skills</h2>
<ul>
<li>Artificial Intelligence</li>
<li>Machine Learning</li>
<li>Python Programming</li>
<li>Data Analysis</li>
</ul>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div>
<div class="content">
<h2>My Experience</h2>
<ul>
<li>1 month internship at CodSoft as an AI Intern</li>
<li>2 freelancing projects related to bot development</li>
<li>Software Engineering Fellow at Headstarter AI</li>
</ul>
</div>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Seeking New Opportunities</h2>
<p>I am always looking for new opportunities to learn and grow in the field of Artificial Intelligence and Machine Learning.</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane">
<h3>Innovative Projects</h3>
<p>I strive to work on projects that push the boundaries of AI and ML.</p>
</li>
<li class="icon solid fa-laptop">
<h3>Continuous Learning</h3>
<p>I am dedicated to continuous learning and staying updated with the latest advancements.</p>
</li>
<li class="icon solid fa-code">
<h3>Quality Code</h3>
<p>I write clean, efficient, and well-documented code.</p>
</li>
<li class="icon solid fa-headphones-alt">
<h3>Effective Communication</h3>
<p>I believe in clear and effective communication to ensure project success.</p>
</li>
<li class="icon fa-heart">
<h3>Passion for AI</h3>
<p>My passion for AI drives me to excel in my field and contribute meaningfully.</p>
</li>
<li class="icon fa-flag">
<h3>Goal-Oriented</h3>
<p>I am goal-oriented and focused on achieving success in all my endeavors.</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Get in Touch</h2>
<p>If you are interested in working with me or have any questions, feel free to contact me at (emansyed2212@gmail.com) or through my LinkedIn profile.</p>
</header>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.facebook.com/profile.php?id=100095029180487" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://www.linkedin.com/in/syeda-eman/" class="icon brands fa-linkedin"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/Syeda-Eman" class="icon brands fa-github"><span class="label">Dribbble</span></a></li>
<li><a href="mailto:.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© 2024 Syeda Eman. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>