-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (75 loc) · 3.31 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Things by JLR</title>
<link rel="stylesheet" href="main.css">
</head>
<body class="maincontainer">
<!--Dynamic background element-->
<div id="background">
<img id="backgroundImage"></img>
</div>
<!--Contents of the webpage-->
<div id="contents">
<div id="header">
<h1>Things By JLR</h1>
<!--elements that are styled as a standard social media link section-->
<div class="socialmedialine">
<a id="socialMediaMessage">Find Me:</a>
<div class="socialmediabuttons">
<button class="socialmediabutton" id="linkedInButton"
onclick="window.open('https://www.linkedin.com/in/jordy-larrea-rodriguez-373a4418b/','_blank');">
in</button>
<button class="socialmediabutton" id="githubButton"
onclick="window.open('https://github.com/CasuallyAlive','_blank');"></button>
</div>
</div>
</div>
<!--tab element containing the tab buttons of different sub-pages of the website-->
<div class="tab">
<!-- Default Tab Link -->
<button class="tablinks" onclick="openInformationTab(event, 'About_Me_TC')" id="defaultOpen">About Me</button>
<button class="tablinks" onclick="openInformationTab(event, 'Hobbies_TC')">Hobbies</button>
<button class="tablinks" onclick="openInformationTab(event, 'Projects_TC')">Projects</button>
<button class="tablinks" onclick="openInformationTab(event, 'Contact_TC')">Contact</button>
</div>
<!--Tab Contents-->
<div id="About_Me_TC" class="tabcontent">
<h3>About Me</h3>
<!--Photo of myself and description of myself-->
<div id="ME">
<div id="jlr_info">
<img id="selfPortrait" src="Resources/Images/PortraitPics/touching_grass.jpg"></img>
<!--Button to download Resume-->
<div id="resumeButtonDiv" >
<div class="resumebutton" id="resumeButton">
<a class="resumelink" href="Resources/Documents/Resume_JL_current.pdf" target="_blank" download>Download Jordy's Resume</a>
</div>
</div>
</div>
<div id="About_Me" class="siteparagraphs"></div>
</div>
</div>
<div id="Hobbies_TC" class="tabcontent">
<h3>Hobbies</h3>
<p>COMING SOON!</p>
</div>
<div id="Projects_TC" class="tabcontent">
<h3>Projects</h3>
<p>COMING SOON!</p>
</div>
<div id="Contact_TC" class="tabcontent">
<h3>Contact Me</h3>
<p id="contact">Email:<a href="mailto: [email protected]" target="_blank">
[email protected]</a><br>Phone: (801)
645-0788 </p>
</div>
</div>
<!-- JQuery File-->
<script src="Resources/Libraries/jquery-3.6.0.js"></script>
<!-- JS script main file-->
<script src="app.js"></script>
<noscript>Enable JavaScript to view the full site.</noscript>
</body>
</html>