Skip to content

Commit 947991f

Browse files
mryohomryoho
committed
More unified theme
1 parent 38d9d22 commit 947991f

19 files changed

+1555
-343
lines changed

‎adnan.html

Lines changed: 188 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,188 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Mr. Pirzada's Web Page</title>
5+
6+
<style>
7+
body {
8+
font-family: Verdana;
9+
background-color:#C2C2C2;
10+
}
11+
12+
.navbar-outside {
13+
display:block;
14+
background-color: #313732;
15+
height:80px;
16+
}
17+
18+
.navbar {
19+
min-width:600px;
20+
max-width:800px;
21+
margin: 0 auto;
22+
}
23+
24+
.navigation li {
25+
padding: 30px 15px;
26+
list-style: none;
27+
text-decoration: none;
28+
float:left;
29+
height: 20px;
30+
}
31+
32+
.navigation li a {
33+
text-decoration: none;
34+
color:#FFFFFF;
35+
}
36+
37+
.navigation li:hover {
38+
background-color: #F26101;
39+
}
40+
41+
42+
.main {
43+
display:block;
44+
clear: left;
45+
min-width: 600px;
46+
max-width: 800px;
47+
height:500px;
48+
margin:0 auto;
49+
}
50+
51+
.main-page{
52+
float:right;
53+
background-color:#E0E0E0;
54+
height:100%;
55+
width:75%;
56+
box-sizing:border-box;
57+
}
58+
59+
.sidebar {
60+
box-sizing:border-box;
61+
padding:10px;
62+
float:left;
63+
width:25%;
64+
height:100%;
65+
background-color: #059D8E;
66+
}
67+
68+
.footer{
69+
width:100%;
70+
background-color: #313732;
71+
height:50px;
72+
clear:both;
73+
}
74+
75+
.sidebar-nav{
76+
margin: 15px 0px;
77+
color:#FFFFFF;
78+
}
79+
80+
.sidebar li {
81+
margin: 20px 5px 0px;
82+
}
83+
84+
.sidebar ul ul li{
85+
margin: 10px 15px 0px;
86+
font-size:0.8em;
87+
}
88+
89+
.sidebar ul ul li a{
90+
text-decoration: none;
91+
color: #FFFFFF;
92+
}
93+
94+
.sidebar ul ul li a:hover{
95+
color: #F26101;
96+
}
97+
98+
.ann-arbor-image {
99+
height:300px;
100+
width:100%;
101+
background-image:url(http://www.panicstream.com/vault/wp-content/uploads/2012/10/1996-michigan.jpg);
102+
background-repeat: no-repeat;
103+
background-size: 100% 300px;
104+
105+
}
106+
107+
.main-title {
108+
margin: 10px 15px;
109+
font-size: 30px;
110+
}
111+
112+
.left-panel{
113+
box-sizing: border-box;
114+
width: 50%;
115+
float:left;
116+
padding:20px;
117+
}
118+
119+
.right-panel{
120+
box-sizing: border-box;
121+
width: 50%;
122+
float:left;
123+
padding:20px;
124+
}
125+
126+
.sub-title {
127+
text-align: center;
128+
}
129+
130+
.text-info {
131+
font-size: 0.8em;
132+
margin: 20px;
133+
}
134+
135+
136+
137+
138+
</style>
139+
</head>
140+
<body>
141+
<div class="navbar-outside">
142+
<div class="navbar">
143+
<ul class="navigation">
144+
<li><a href="#">Home</a></li>
145+
<li><a href="#">About</a></li>
146+
<li><a href="#">Portfolio</a></li>
147+
<li><a href="#">Social Media</a></li>
148+
</ul>
149+
</div>
150+
</div>
151+
152+
153+
<div class="main">
154+
<div class="sidebar">
155+
<ul class="sidebar-nav">
156+
<li><strong>Recent Blog Posts</strong></li>
157+
<ul>
158+
<li><a href="#">August 2015</a></li>
159+
<li><a href="#">July 2015</a></li>
160+
<li><a href="#">June 2015</a></li>
161+
</ul>
162+
<li><strong>Recent Projects</strong></li>
163+
<ul>
164+
<li><a href="#">Repurposing Computers</a></li>
165+
</ul>
166+
</ul>
167+
</div>
168+
<div class="main-page">
169+
<div class="ann-arbor-image"></div>
170+
<h1 class="main-title">Mr. Pirzada's Homepage</h1>
171+
<div class="left-panel">
172+
<h2 class="sub-title">My Background</h2>
173+
<p class="text-info">I grew up in Ohio, went to school at the University of Michigan (Go Blue), and then taught in Mississippi and Tennessese.
174+
</div>
175+
<div class="right-panel">
176+
<h2 class="sub-title">What I Do Now</h2>
177+
<p class="text-info">I make software for schools and help teach computer science to the next generation of computer engineers!
178+
</div>
179+
180+
</div>
181+
<div class="footer">
182+
</div>
183+
</div>
184+
185+
186+
187+
</body>
188+
</html>

‎codecademy_name.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
5+
<script type="text/javascript" src="./js/codecademy_name/alphabet.js"></script>
6+
</head>
7+
<body>
8+
<canvas id="myCanvas"></canvas>
9+
<script type="text/javascript" src="./js/codecademy_name/bubbles.js"></script>
10+
<script type="text/javascript" src="./js/codecademy_name/main.js"></script>
11+
</body>
12+
</html>

‎contact.1.html

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
<!DOCTYPE HTML>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Patrick Yoho</title>
6+
7+
<style>
8+
#navbar {
9+
//background-color:lightgray;
10+
text-align: left;
11+
display: inline;
12+
13+
}
14+
ul {
15+
list-style-type: none;
16+
margin: 0;
17+
padding: 0;
18+
border: 1px solid #555;
19+
//width: 200px;
20+
background-color: #f1f1f1;
21+
}
22+
li {
23+
display: inline;
24+
color: #000;
25+
padding: 8px 0 8px 16px;
26+
text-decoration: none;
27+
}
28+
li a:hover {
29+
background-color: #555;
30+
color: white;
31+
}
32+
.active {
33+
background-color: #4CAF50;
34+
color: white;
35+
}
36+
body {
37+
background-color:rgb(235, 242, 255);
38+
}
39+
#main {
40+
//background-color:rgb(61, 177, 255);
41+
}
42+
#footer {
43+
background-color:gray;
44+
}
45+
46+
body {
47+
text-align: center;
48+
background: url("http://i.imgur.com/Lf8AAmP.jpg");
49+
background-size: cover;
50+
background-position: center center;
51+
background-repeat: no-repeat;
52+
background-attachment: fixed;
53+
color: white;
54+
font-family: Helvetica;
55+
}
56+
57+
p {
58+
font-size: 24px;
59+
}
60+
61+
input {
62+
border: 0;
63+
padding: 12px;
64+
font-size: 18px;
65+
}
66+
input[type="submit"] {
67+
background: limegreen;
68+
color: black;
69+
}
70+
</style>
71+
</head>
72+
<body>
73+
<div id="navbar">
74+
<ul>
75+
<li><a href="./index.html">Home</a></li>
76+
<li><a href="./contact.html" class="active">Contact</a></a></li>
77+
<li><a href="">About</a></li>
78+
<li><a href="portfolio.html">Portfolio</a></li>
79+
<li><a href="">Social Media</a></li>
80+
<li><a href="./blog.html">Blog</a></li>
81+
</ul>
82+
</div>
83+
84+
<div id="main">
85+
<!-- I'm a comment. You won't actually see me on the web page.
86+
You should write your header in the line below me! -->
87+
88+
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
89+
90+
91+
<p>Hi, I am a founding teacher at Alpha Cindy Avitia High School in San
92+
Jose, CA. You can go ahead and type your email in below to get in touch with me!</p>
93+
94+
<input type="email" placeholder="Your email">
95+
<input type="submit">
96+
</div>
97+
</body>
98+
</html>

‎contact.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,11 @@
22
<html>
33
<head>
44
<meta charset="utf-8">
5-
<title>Patrick Yoho</title>
5+
<title>Patrick Yoho - Contact</title>
66

7+
<link rel="stylesheet" type="text/css" href="./css/style.css">
78
<style>
9+
/*
810
#navbar {
911
//background-color:lightgray;
1012
text-align: left;
@@ -33,6 +35,7 @@
3335
background-color: #4CAF50;
3436
color: white;
3537
}
38+
*/
3639
body {
3740
background-color:rgb(235, 242, 255);
3841
}
@@ -70,10 +73,10 @@
7073
</style>
7174
</head>
7275
<body>
73-
<div id="navbar">
74-
<ul>
76+
<div class="navbar">
77+
<ul class="navigation">
7578
<li><a href="./index.html">Home</a></li>
76-
<li><a href="./contact.html" class="active">Contact</a></a></li>
79+
<li class="active"><a href="./contact.html">Contact</a></a></li>
7780
<li><a href="">About</a></li>
7881
<li><a href="portfolio.html">Portfolio</a></li>
7982
<li><a href="">Social Media</a></li>
@@ -85,7 +88,7 @@
8588
<!-- I'm a comment. You won't actually see me on the web page.
8689
You should write your header in the line below me! -->
8790

88-
<img src="https://codecademy-content.s3.amazonaws.com/courses/web-beginner-en-3pc6w/images/avatar.jpg" height="250" width="250">
91+
<img src="./img/contact/patrick.jpg" height="250" width="250">
8992

9093

9194
<p>Hi, I am a founding teacher at Alpha Cindy Avitia High School in San

‎css/normalize.css renamed to ‎css/gridism/normalize.css

File renamed without changes.

0 commit comments

Comments
 (0)