-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
82 lines (80 loc) · 3.65 KB
/
index.htm
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
<!doctype html>
<!--Name: Darren Greaux
Page Description: This is my websites home page-->
<html>
<head>
<link rel="stylesheet" href="./css/screen.css" media="screen" type="text/css">
<meta charset="utf-8">
<title>Homepage</title>
<script src="./scripts/tools.js" defer></script>
</head>
<body>
<div id="page">
<div id="content">
<table>
<tr class="row1">
<th class="column1"><a href="./index.htm"><img class="logo" src="./images/Headshot.jpg" alt="Headshot" /></a></th>
<th><h1>Darren's Home Page</h1></th>
</tr>
<tr>
<th class="column1">
<nav>
<dl><a class="menu" href="./pages/3_html_resume.htm">Resume</a></dl>
<dl><a class="menu" href="./pages/13_projects.htm">Projects</a></dl>
<dl><a class="menu" href="./pages/12_advanced_validation.shtml">Contact Me</a></dl>
</nav>
</th>
<th>
<h3 id = "greeting">Thank you so much for visiting my website! This is the home page, here you will be able to navigate the website and be able to learn a little bit more about myself and what I can do.</h3>
<div id="tools">
<h2 id="toolsHeader">Tools I Use</h2>
<div class="carousel" data-carousel>
<button class="carousel-button prev" data-carousel-button = "prev">«</button>
<ul data-slides>
<li class="slide">
<img src="./images/javascript logo.png" alt="Javascript"/>
</li>
<li class="slide" data-active="">
<img src="./images/java-logo-vert-blk.png" alt="Java"/>
</li>
<li class="slide">
<img src="./images/Python_logo.png" alt="Python"/>
</li>
<li class="slide">
<img src="./images/MySQL-Logo.png" alt="SQL"/>
</li>
<li class="slide">
<img src="./images/html logo.png" alt="HTML"/>
</li>
</ul>
<button class="carousel-button next" data-carousel-button = "next">»</button>
</div>
</div>
<div id = "bio">
<h1 class="greeting">Hello!   <img class="wave" src="./images/waving.png" alt="Waving hand"/>  </h1>
<p class = "bioDescription">First, I would like to thank you for taking the time to read my biography.
My name is Darren Greaux, I am a Freelance Software Developer!
I was born and raised in Edison, New Jersey, and attended Edison High School where I achieved the technolology department award.
I have three older sisters, as well as a dog and a cat. I find great interest in computers and their capabilities.
Some other interests of mine include cars, woodworking, video games, movies, and coffee. One fun fact that not many people know about me is that I am an ordained minister, and officiated my sisters wedding.
Since graduating Middlesex College I would like to find a career in software development where I can continue to grow my knowledge and understanding of computers and contribute to spectacular things.
The concept of the limitless possibilities that computers can achieve has always fascinated me and I enjoy learning and understanding how computers work and the potential they carry. </p>
</div>
</th>
</tr>
</table>
</div>
<footer id="footer">
<address>
<h3 class="foot">
<a href="https://www.linkedin.com/in/darren-greaux/" target="_blank"><img class="links" src="./images/Linkedin-logo.png" alt="LinkedIn" /></a>
<a href="https://github.com/greauxd" target="_blank"><img class="links" src="./images/github-logo.png" alt="Github" /></a>
</h3>
<h3 class = "foot">
Made with <img class="heart" src="./images/heart.png" alt="heart"/> by Darren Greaux
</h3>
</address>
</footer>
</div>
</body>
</html>