-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
178 lines (133 loc) · 6.62 KB
/
index.html
File metadata and controls
178 lines (133 loc) · 6.62 KB
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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Douglas Alves - Frontend Developer</title>
<!-- SEO Meta Tags -->
<meta name="author" content="Douglas Alves">
<meta name="description" content="A simple html only website with multiple pages.">
<meta name="keywords" content="Frontend Developer, HTML, CSS, JavaScript, React">
<!-- Open Graph Tags -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.douglasalves.dev">
<meta property="og:image" content="https://www.douglasalves.dev/image.jpg">
<meta property="og:description" content="A simple html only website with multiple pages.">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="style.css">
</head>
<body class="body">
<header class="header">
<nav class="navbar">
<div class="container">
<a href="" class="navbar__logo">Douglas Alves</a>
<ul class="list">
<li class="list__item">
<a href="" class="list__link">Home</a>
</li>
<li class="list__item">
<a href="pages/projects.html" class="list__link">Projects</a>
</li>
<li class="list__item">
<a href="pages/articles.html" class="list__link">Articles</a>
</li>
<li class="list__item">
<a href="pages/contact.html" class="list__link">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="hero">
<div class="container">
<h1 class="hero__title">Frontend Developer</h1>
<p class="hero__text">html only with proper layout, no styling</p>
</div>
</div>
</header>
<main class="main">
<div class="grid">
<section class="section section--projects">
<header class="section__header">
<header class="section__header">
<h2 class="section__title">Projects</h2>
</header>
</header>
<ul class="list">
<li class="list__item">HTML Only Portfolio</li>
<li class="list__item">Calculator</li>
<li class="list__item">Quiz App</li>
<li class="list__item">Countdown Timer</li>
<li class="list__item">Product Upcoming Page</li>
</ul>
</section>
<section class="section section--experience">
<header class="section__header">
<h2 class="section__title">Work Experience</h2>
</header>
<article class="card">
<h3 class="card__title">roadmap.sh</h3>
<p class="card__text">Solved all the frontend projects</p>
<a href="http://" class="card__link">Visit my Profile.</a>
</article>
<article class="card">
<h3 class="card__title">OpenSource Work</h3>
<p class="card__text">Contributed to 50 opensource projects. Made my own projects with 200 GitHub Stars.</p>
<a href="http://" class="card__link">Visit my Profile</a>
</article>
<article class="card">
<h3 class="card__title">CSS Framework</h3>
<p class="card__text">Built my own modular CSS framework from scratch.</p>
<a href="http://" class="card__link">Visit my Project</a>
</article>
</section>
<section class="section section--education">
<header class="section__header">
<h2 class="section__title">Education</h2>
</header>
<p class="section__text">Graduated with a 3.76 out of 4 CGPA. Winner of the Acme Hackathon. Organized 30 sessions.</p>
<div class="courses">
<header class="courses__header">
<h3 class="courses__title">Courses I took</h3>
</header>
<ul class="list">
<li class="list__item">Object Oriented Programing</li>
<li class="list__item">Data Structures and Algorithms</li>
<li class="list__item">Web Engineering</li><li class="list__item">Artificial Intelligence</li>
<li class="list__item">Human Computer Interaction</li>
<li class="list__item">Computer Graphics</li>
<li class="list__item">Database Management Systems</li>
<li class="list__item">Distributed Database Systems</li>
<li class="list__item">Discrete Mathematics</li>
</ul>
</div>
</section>
<section class="section section--reviews">
<header class="section__header">
<h2 class="section__title">Work Experience</h2>
</header>
<div class="reviews">
<article class="card">
<p class="card__text">Douglas Alves was a brilliant student; always stood out with his assignments.</p>
<h3 class="card__title">Jane Doe</h3>
<h4 class="card__subtitle">Assistant Professor</h4>
</article>
<article class="card">
<p class="card__text">"Douglas Alves demonstrated exceptional skills and dedication in every project he worked on."</p>
<h3 class="card__title">John Smith</h3>
<h4 class="card__subtitle">Senior Lecturer</h4>
</article>
<article class="card">
<p class="card__text">"A highly driven student, Douglas consistently delivered insightful and well-researched work."</p>
<h3 class="card__title">Dr. Michael Reynolds</h3>
<h4 class="card__subtitle">Professor of Computer Science</h4>
</article>
</div>
</section>
</div>
</main>
<footer class="footer">
<p class="footer__text">© all rights reserved 2025</p>
</footer>
</body>
</html>