-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
128 lines (120 loc) · 5.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sunita's Portfolio</title>
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<body>
<!-- header and navigation start -->
<header>
<div><h1>Sunita Maharaj-Persad</h1></div>
<nav>
<ul>
<li>
<a href="#about-me">About Me</a>
</li>
<li>
<a href="#my-work">My Work</a>
</li>
<li>
<a href="#contact-me">Contact Me</a>
</li>
</ul>
</nav>
</header>
<!--Header and Navigation End--->
<!-- hero image section start -->
<section class="hero">
<div>
<img src="./assets/images/my-bio-photo.jpg" alt="A bio picture of Sunita Maharaj Persad">
</div>
<div class="quote">
<blockquote>
<p id="quote-text">
There is only one thing that makes a dream impossible to achieve; <br>
[The fear of failure!]
</p>
<p>
--Paulo Coelho
</p>
</blockquote>
</div>
</section>
<!--hero image section end-->
<!-- about me section start -->
<section id="about-me" class="about-me">
<div class="title">
<h2>About Me</h2>
</div>
<div>
<p>
Hi! My name is Sunita Maharaj-Persad and I am currently attending the UCF virtual coding bootcamp.
<br><br>
Donec blandit aliquet rutrum. Donec et pharetra nulla. Nullam ultrices nisi vitae luctus volutpat. Nunc vitae magna ultricies, vulputate erat vitae, lacinia ipsum. Ut eu nisl at magna vulputate sagittis. Etiam eros orci, dictum sed risus in, iaculis eleifend diam. Ut dapibus nulla sit amet mauris tristique viverra. Mauris varius sed ligula a accumsan. Praesent feugiat euismod velit, eu vestibulum libero scelerisque sed. Aliquam finibus turpis arcu, nec convallis dui semper id. Ut nisl lacus, molestie ac ornare sit amet, suscipit mollis sapien.
</p>
</div>
</section>
<!--about me section end-->
<!-- my work section start -->
<section id="my-work" class="my-work">
<div class="title"><h2>My Work</h2></div>
<div class = "projects-grid-wrapper">
<div class="projects-grid">
<a href="https://sunita002.github.io/run-buddy/" target="_blank" class="project run-buddy">
<div class="project-label">
<h3>Run Buddy</h3>
<p>HTML/CSS</p>
</div>
</a>
<a href="" target="_blank" class="project password-generator">
<div class="project-label">
<h3>Password Generator Project (Placeholder)</h3>
<p>JavaScript</p>
</div>
</a>
<a href="#" target="_blank" class="project web-apis">
<div class="project-label">
<h3>Web APIs Project (Placeholder)</h3>
<p>HTML/CSS/JavaScript</p>
</div>
</a>
<a href="https://kilocalorie.herokuapp.com/index" target="_blank" class="project sql">
<div class="project-label">
<h3>Fitness-App [kilocalorie]</h3>
<p>SQL Server/JAWSDB/Node-Js/Express</p>
</div>
</a>
<a href="#" target="_blank" class="project node-js">
<div class="project-label">
<h3>Node.js Project (Placeholder)</h3>
<p>Placeholder</p>
</div>
</a>
</div>
</div>
</section>
<!--my work section end-->
<!-- contact info section -->
<footer id="contact-me">
<div class="title"><h2>Contact Me</h2></div>
<div class="content-wrapper">
<div id="contact-methods">
<ul>
<li>
<a href="mailto:SunitaPersad020@gmail.com">Email</a>
</li>
<li>
<a href="https://github.com/Sunita002" target="_blank">GitHub</a>
</li>
<li>
<p>Phone: (000) 000-0000</p>
</li>
</ul>
</div>
</div>
</footer>
<!--contact info section end-->
</body>
</html>