-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathWebsite.html
More file actions
141 lines (126 loc) · 6.42 KB
/
Copy pathWebsite.html
File metadata and controls
141 lines (126 loc) · 6.42 KB
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href="https://fonts.googleapis.com/css?family=Homemade+Apple" rel="stylesheet">
<title>Angela Hu Website</title>
<!-- <p id="About Me"></p>
<button type="button" onclick="myFunction()">About Me</button>
<script>
function myFunction() {
document.getElementById("About Me").innerHTML = "My name is Angela; I'm 16 and my birthday is June 7, 2001. I have lived in Monterey, CA for my whole life. Creating and inputting my ideas is a major part of who I am.I currently attend Santa Catalina High School, an all girls school in Monterey. My favorite thing to do in my spare time is reading. Volunteer work is a major part of my life as well as international news, human rights, and politics.";
font = new Font("Comic Sans MS");
document.getElementById("About Me").txt.setFont(font); created button
}
</script> -->
<h1><a href="Website.html">Welcome</a></h1>
<!-- <p1><a href="about_me.html">About Me</a></p1>
<p2><a href="Projects.html">Projects</a></p2> -->
<div class="container">
<div class="row">
<div class="col-md-6" style="text-align:center"><a class="tabs" href="about_me.html">About Me</a></div>
<div class="col-md-6" style="text-align:center"><a class="tabs" href="Projects.html">Projects</a></div>
</div>
</div>
<style>
body {background-color: #ffffff ;
}
h1 {color: #000000;
text-align: center;
font-size: 500%;
font-family: 'Homemade Apple', cursive;
}
.row {color: #000000;
font-family: 'Homemade Apple', cursive;
font-size: 160%;
}
/*p2 {color: #000000;
font-family:'Homemade Apple', cursive;
font-size:160%;
padding: 120px;
}*/
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
</style>
<!-- <center><img src="monterey.jpg" alt="Monterey Bay" style="width:600px;height:400px;"></center>
<center><img src="beach.jpg" alt="monterey bay beach at sunset" style="width:600px;height:400px;"></center>
<center><img src="bigsby.jpg" alt="Bigsby bridge Big Sur" style="width:600px;height:400px;"></center> -->
</head>
<body>
<div class="w3-content w3-display-container" style="max-width:800px">
<img class="mySlides" src="monterey.jpg" style="width:100%">
<img class="mySlides" src="beach.jpg" style="width:100%">
<img class="mySlides" src="bigsby.jpg" style="width:100%">
<div class="w3-center w3-container w3-section w3-large w3-text-white w3-display-bottommiddle" style="width:100%">
<div class="w3-left w3-hover-text-khaki" onclick="plusDivs(-1)">❮</div>
<div class="w3-right w3-hover-text-khaki" onclick="plusDivs(1)">❯</div>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
<span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
</div>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" w3-white", "");
}
x[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " w3-white";
}
</script>
<!-- <div class="w3-content w3-display-container">
<img class="mySlides" src="monterey.jpg" style="width:600px;height:400px;">
<img class="mySlides" src="beach.jpg" style="width:600px;height:400px;">
<img class="mySlides" src="bigsby.jpg" style="width:600px;height:400px;">
<button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
<button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>
</div>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script> -->
<!-- <h3>Websites I Like</h3>
<p2><a href="http://www.hintofvanillablog.com/">Hint of Vanilla</a></p2>
<p3><a href="https://www.youtube.com/user/LastWeekTonight"><br>Last Week Tonight</a></p3>
<p4><a href="https://www.thisamericanlife.org/"><br>This American Life</a></p4>
<p5><a href="http://www.npr.org/"><br>NPR</a></p5>
<h4>Core4</h5>
<p6>Conditionals are actions that are taken based on a parameter</p6>
<p7> <br />User input is the ability of a user interacting with a program</p7>
<p8><br />A loop is a set of information that is repeated until a paramete is met</p8>
<p9><br />A variable stores information</p9> -->
</body>
</html>