-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
174 lines (120 loc) · 5.35 KB
/
about.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
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head> <!-- start of head container-->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>About Me</title> <!-- tabname for webpage-->
<link rel="stylesheet" href="about.css" />
<!--- <script src="java.js"></script>-->
</head> <!-- end of head container-->
<body> <!-- start of body for webpage-->
<header class="text-center container-fluid" id="header"><!-- start of header-->
<!-- this container holds both my name to go at the top of the page and a small welcome message-->
<h1 class="display_name"> Cintiha K. Rosas-Gordillo </h1>
<h2 class="welcome_msg">About Me Page</h2>
</header><!-- this is the end of my header-->
<section> <!-- this section is used for my navigation bar at the top -->
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</section> <!--end of navigation bar code -->
<div class="slideshow-container"> <!-- beginning of my carousel-->
<!-- these are the photos for my carousel -->
<div class="mySlides fade">
<img class= "too_long" src="../code/images/picture.JPG " alt="portrait of me" style="width:100%">
</div>
<div class="mySlides fade">
<img src="../code/images/sully_disney.JPG" alt="My partner and I at disneyland with Sully from Monsters INC"style="width:100%">
</div>
<div class="mySlides fade">
<img src="../code/images/yellowstone.JPG" alt="my partner and I at Yellowstone National Park lookout" style="width:100%">
</div>
<div class="mySlides fade">
<img src="../code/images/hawaii_beach.JPG" alt="Me at Kaanapali Beach in Maui, Hawaii"style="width:100%">
</div>
<div class="mySlides fade">
<img class="too_long" src="../code/images/yellow_stone2.JPG" alt="My partner and I at a lookout during a mountain climb"style="width:100%">
</div>
<div class="mySlides fade">
<img class= "stuborn-photo" src="../code/images/smaller-hawowie.jpg" alt="Me in a hammock in Maui Hawaii" style=" width:100%">
</div>
<div class="mySlides fade">
<img class="too_long" src="../code/images/wheel_disney.JPG" alt="My partner and I infront of the disney wheel"style="width:100%">
</div>
<!-- these are the buttons for the carousel below -->
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div> <!-- end of carousel -->
<br>
<!-- this is the javascript for my carousel-->
<script>
var slideIndex = 1;
showSlides(slideIndex);
// Next/previous controls
function plusSlides(n) {
showSlides(slideIndex += n);
}
// Thumbnail image controls
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
}
</script>
<!-- this is the end of the carousel-->
<!-- this is the brief bio for my about me page -->
<div class="text-center container-fluid" id="into">
<div class="row" >
"My name is Cintiha Rosas-Gordillo. I am currently enrolled at Portland State University
pursuing a Bachelor of Science.I will be graduating in Spring of 2020 with a Computer Science Major
and a Business Administration Minor. Outside of school, I enjoy traveling to Disneyland and
hiking with my family and friends. I have always loved going to Disneyland as a way to de-stress
and relax. Throughout my college journey, I invested in an Annual Pass with my best friend and have
continued to visit atleast once each month. I strongly believe that life must have a balance of work and exploring."
</div> <!-- end of row-->
<br><br>
<!-- end of bio for my about me-->
<!-- This is my links at the bottom of the screen for linked in, resume and certificatio -->
<div class="row"> <!-- ROW 2-->
<div class="column">
<a href="https://www.linkedin.com/in/cintiha-katie-rosas-gordillo-1571b3187/">
<img class="linked_in" src="../code/images/LinkedIn.jpg" alt="linked-in logo">
Linked-In Profile
</a>
</div>
<div class="column">
<a href="https://courses.edx.org/certificates/3dd13d70e2bb47e1b45e876ffb480899">
<img class="certification" src="../code/images/certificatiom.png" alt="certification logo">
Certificate
</a>
</div>
<div class="column">
<a href="../code/images/resume_cintiha_rosas.pdf">
<img class="resume" src="../code/images/resume_logo.png" alt="resume logo">
Resume
</a>
</div>
</div> <!-- END OF ROW2-->
</div><!-- end of info-->
<!-- footer at the end of each page -->
<div class="footer">
<footer>
<p> Cintiha Rosas-Gordillo, B.S. Computer Science & Business Administration, Portland State University, Web Portfolio</p>
</footer>
</div>
</body>
</html>