-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
72 lines (56 loc) · 2.2 KB
/
home.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
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<title>Aaron's Home Page </title>
<body bgcolor= "#ADD8E6"
> </body>
<div class="ParagraphText">
<h1 align="center">WELCOME TO AARON's HOME PAGE</h1>
</div>
<!--
In between the body add a header tag
The <header> element represents a container for introductory
content or a set of navigational links.
Class logo, src, alt
The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.
The <nav> element is intended only for major blocks of navigation links.
used unordered list, with class nav__links
with all of the links
Button class cta: A call-to-action (CTA) is a website feature that prompts visitors to perform a specific action.
-->
<header>
<img class="logo" src="AaronImage.jpg" alt="logo" width="100" height ="100">
<nav>
<ul class="nav__links">
<li><a href="home.html">HomePage</a></li>
<li><a href="about.html">About</a></li>
<li><a href="socialLinks.html">Social Links</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="experience.html">Experience</a></li>
<li><a href="relevantCoursework.html">Relevant Coursework</a></li>
<li><a href="vacationsFun.html">Vacations/Fun</a></li>
</ul>
</nav>
<a class="cta" href="#"><a href="Contact.html"><button>Contact</button></a></a>
</header>
<hr />
<b>
<p><div class="ParagraphText"><h2><FONT COLOR="##00008B">Welcome to my home page!</h2></FONT>
</p>
</div>
<center><img src="basketball.jpg" width="1000" height ="250"></center>
<b>
<b>
<center><img src="tennispickle.jpg" width="1000" height ="250"></center>
<p><div class="ParagraphText"><FONT COLOR="##00008B">It's been really exciting to create my personal website!</FONT>
</div>
<div class="footer">
<footer>
<small>
Made <img src="made.png" width="20" height ="20"> by Aaron Amalraj, Socials: <a href = "https://www.linkedin.com/in/aaronamalraj/"><img src="LinkedIn.png" width="20" height ="20"><a/a>
<a href = "https://github.com/Aaronwins"><img src="Git.png" width="20" height ="20"></h3><a/a>
</small>
</footer></div>
</p>
</html>