basic-html-website/Projects.html at main · mata-codes/basic-html-website · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<meta name="author" content="Jorysniel Mata" />
	<meta name="Description" content=" Projects in Basic website Portfolio" />
	<meta property="og:title" content="Projects " />
	<meta property="og:image" content="" />
	<meta property="og:description" content="Projects in basic html website Portfolio" />
	<meta name="viewport" content="width=device-width, iniitial-scale=1.0" />
	<link rel="icon" href="dahlia-.webp" image/x-icon" />
	<title>Projects - Basic html website</title>

</head>

<body>
	<header>
		<h3>Jorysniel Mata</h3>
		<nav>
			<a href="index.html"> Home</a>
			<a href="#"> Projects</a>
			<a href="articles.html"> Articles</a>
			<a href="contact.html"> Contact</a>
		</nav>
	</header>
	<main>
		<section>
			<h1>Frontend Projects</h1>
			<p>Html Only with proper Layout, no styling</p>
		</section>
		<section>
			<h2>HTML Only Portfolio</h2>
			<img src="/cherries.webp" loading="lazy" width="125px" height="125 px">
			<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
				labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
				ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
				reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
				sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
				est laborum."</p>
		</section>
		<section>
			<h2>Calculator</h2>
			<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
				labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
				ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
				reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
				sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
				est laborum."</p>
		</section>
		<section>
			<h2>Quiz app</h2>
			<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
				labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
				ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
				reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
				sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
				est laborum."</p>
		</section>
		<section>
			<h2>Countdown Timer</h2>
			<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
				labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
				ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
				reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
				sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
				est laborum."</p>
		</section>
		<footer>
			<p>Copyright &copy; 2025 All rights reserved</p>
		</footer>
	</main>
</body>

</html>