-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (76 loc) · 2.7 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
<!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> Portfolio Homework</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<h1>Marc Nicolas</h1>
<main>
<ul>
<li>
<a href="#Projects">Projects</a>
</li>
<li>
<a href="#Contact">Contact</a>
</li>
</ul>
</main>
</header>
<!-- first page picture -->
<section class="display">
</section>
<main class="about">
<section>
<h2>About Me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Semper auctor neque vitae tempus quam pellentesque nec nam aliquam. Pellentesque
massa placerat duis ultricies lacus sed turpis tincidunt.</p>
</section>
</main>
<article class="#Projects" id="Projects">
<h2 class="header2">Projects</h2>
<section class="SEO">
<text>Refactor SEO</text>
<a href="https://marcnicolas0915.github.io/Refactor-SEO/"><img src="./assets/images/CSS-Image-Effect_2215249fcb-png.png" alt="nothing yet" /></a>
</section>
<section class="card">
<text>Calculator</text>
<img src="./assets/images/images.jpg" alt="nothing yet" />
</section>
<section class="card">
<text>Rock Paper Scissor</text>
<img
src="./assets/images/image2.gif" alt="nothing yet"/>
</section>
<section class="card">
<text>Pastel Puzzle</text>
<img
src="./assets/images/image2.gif" alt="nothing yet"/>
</section>
<section class="card">
<text>N/A</text>
<img
src="./assets/images/image2.gif" alt="nothing yet"/>
</section>
</article>
<footer class="Contact" id="Contact">
<p>Contact Information</p>
<ul>
<li>
<a href="https://github.com/marcnicolas0915">My GitHub</a>
</li>
<li>
<a href="mailto: marcnicoalas0915@gmail.com">My Email</a>
</li>
<li>
<a href="tel:5555555555">Call me at 555-555-5555</a>
</li>
</ul>
</footer>
</body>
</html>