My_Website/index.html at master · phillippavlich/My_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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">

<head>

	<title>Phil's Website</title>
	<link href="./src/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="./src/css/HomepageCustomize.css" rel="stylesheet"/>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


</head>

<body class="defaultSpacingRemoval">
	<div id="nav" >
		<ul class="defaultSpacingRemoval">
			<h3 style="color: black;">Navigation</h3>
			<li class="menuoptions">Home</li>
			<li class="menuoptions"><a href="./src/About.html">About</a></li>
			<li class="menuoptions"><a href="./src/Education.html">Education</a></li>
			<li class="menuoptions"><a href="./src/Projects.html">Projects</a></li>
			<li class="menuoptions"><a href="./src/WorkExperience.html">Work Experiences</a></li>
			<li class="menuoptions"><a href="./src/ContactInfo.html">Contact Info</a></li>
		</ul>
	</div>

	<div id="AboutLocation" >

		<a class="linkstyleremove" href="./src/About.html">

			<div class="btn">
				<span class="textHeader">About</span>
				<div class="dot"></div>
			</div>
		</a>

	</div>

	<div id="EducationLocation">
		<a class="linkstyleremove" href="./src/Education.html">
			<div class="btn">
				<span class="textHeader">Education</span>
				<div class="dot"></div>
			</div>
		</a>
	</div>
	<div id="ProjectsLocation">
		<a class="linkstyleremove" href="./src/Projects.html">
			<div class="btn">
				<span class="textHeader">Projects</span>
				<div class="dot"></div>
			</div>
		</a>
	</div>

	<div id="WorkLocation" >
		<a class="linkstyleremove" href="./src/WorkExperience.html">
			<div class="btn">
				<span class="textHeader">Work Experience</span>
				<div class="dot"></div>
			</div>
		</a>
	</div>

	<div id="ContactLocation" >
		<a class="linkstyleremove" href="./src/ContactInfo.html">
			<div class="btn">
				<span class="textHeader">Contact Info</span>
				<div class="dot"></div>
			</div>
		</a>
	</div>


	<img src="./src/images/HomepagePhil.jpg" id="centralImage"/>

	<div class="mainText col-xs-12">
		<h3>Phillip Pavlich</h3>
		<h5>My life at a glance!</h5>
	</div>

	<div id="text1" class="textBubble col-xs-2">"It's not whether you get knocked down, it's whether you get up." -Vince Lombardi</div>
	<div id="text2" class="textBubble col-xs-2">"Success is where preparation and opportunity meet." - Bobby Unser</div>

	<!--
	<i id="star1" class="fa fa-star" style="font-size:24px; color: yellow"></i>
	<i id="star2" class="fa fa-star" style="font-size:24px; color: yellow"></i>
	<i id="star3" class="fa fa-star" style="font-size:24px; color: yellow"></i>
	<i id="star4" class="fa fa-star" style="font-size:24px; color: yellow"></i>
	<i id="shuttle1" class="fa fa-space-shuttle" style="font-size:24px;color: white"></i>
	<i id="shuttle2" class="fa fa-space-shuttle" style="font-size:24px; color: white; transform: rotate(180deg);"></i>
	<img src="./src/images/Astronaut.svg" id="Astronaut"/>
	<img src="./src/images/Earth.svg" id="Earth"/>
	<img src="./src/images/ManOnMoon.svg" id="ManOnMoon"/>
	<img src="./src/images/Jupiter.svg" id="Jupiter"/>
	<img src="./src/images/Mars.svg" id="Mars"/>
	<img src="./src/images/Mercury.svg" id="Mercury"/>
	<img src="./src/images/Saturn.svg" id="Saturn"/>
	<img src="./src/images/Venus.svg" id="Venus"/>
	<img src="./src/images/Neptune.svg" id="Neptune"/>
	-->
		<!--Get your Custom Bootstrap Here!!!!!!!!
			https://getbootstrap.com/docs/3.3/customize/
		-->
	<!--
	<div id="credit">
		<p>
			@Planet and Astronaut Icons were made by <a target="_blank" href="https://www.flaticon.com/authors/prettycons">prettycons</a>,  <a target="_blank" href="https://www.flaticon.com/authors/freepik">freepik</a>, <a target="_blank" href="https://www.flaticon.com/authors/turkkub">turkkub</a>, <a target="_blank" href="https://www.flaticon.com/authors/ddara">ddara</a>, <a target="_blank" href="https://www.flaticon.com/authors/nikita-golubev">nikita-golubev</a>, <a target="_blank" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a target="_blank" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a target="_blank" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, from <a target="_blank" href="www.flaticon.com">www.flaticon.com</a>. Other Icons were taken from Google and Font Awesome.
		</p>
	</div>
-->


</body>

</html>