-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.php
131 lines (124 loc) · 4.09 KB
/
portfolio.php
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
<?php require("inc/doctype.php") ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles/global.css" />
<link rel="stylesheet" type="text/css" href="styles/nav.css" />
<link rel="stylesheet" type="text/css" href="styles/portfolio.css" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- Include jQuery Library -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<!-- jQuery Cycle Plugin from http://jquery.malsup.com/cycle/basic.html -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script>
<!-- End script for rotating images -->
<title>Young Yu - Portfolio</title>
</head>
<body>
<div id="everything">
<div id="left-wrap">
<div class="banner">
<a href="index.php" title="Home"><img class="banner" src="images/yu-chinese-cursive.png" onmouseover="this.src='images/yu-chinese-cursive-inverted.png'" onmouseout="this.src='images/yu-chinese-cursive.png'" alt="Yu" /></a>
</div>
<div id="left-nav">
<h1>Portfolio</h1>
<h2>Current</h2>
<div id="current-projects">
<!-- <a href="#mywebsite">Personal Website</a> -->
</div>
<h2>Completed</h2>
<div id="completed-projects">
<a href="#drjoseph">Dr. Danny Joseph, DDS</a>
</div>
</div>
</div>
<div id="right-wrap">
<div id="fixed-wrap">
<div id="title-nav-wrap">
<div id="title">
<span>
Young A. Yu
</span>
</div>
<div id="nav">
<ul>
<li>
<a href="portfolio.php" title="Portfolio">Portfolio</a>
</li>
<li>
<a href="experience.php" title="Experience">Experience</a>
</li>
<li>
<a href="academics.php" title="Academics">Academics</a>
</li>
</ul>
</div>
</div>
<div id="small-title-wrap">
<a id="e-mail" href="mailto:[email protected]">[email protected]</a>
<div id="social-media">
<a id="facebook" href="http://www.facebook.com/young.alex.yu" title="Only if I know you">Facebook</a>
<a id="twitter" href="http://www.twitter.com/youngalexyu/" title="For updates on my life">Twitter</a>
</div>
</div>
<div class="border">
</div>
</div>
<div id="main-content">
<!-- Start Portfolio -->
<!--
<div class="project" id="mywebsite">
<span class="title">Personal Website</span>
<p class="description">Young A. Yu (Dec 2012 - Present)</p>
<script type="text/javascript">
$('#gallery1').cycle({
fx: 'fade',
speed: 600,
timeout: 5000,
next: '#next1',
prev: '#prev1'
});
</script>
<div id="gallery1" class="gallery">
</div>
<span class="caption">
I was responsible for all of the design, CSS, and some PHP/JS for this project.
</span>
<span class="caption">
The live site can be found here.
</span>
</div>
-->
<div class="project" id="drjoseph">
<span class="title">Dr. Danny Joseph, DDS.</span>
<p class="description">Introduction to Web Design and Programming, Fall 2012</p>
<!-- Start script for #drjoseph -->
<script type="text/javascript">
$('#gallery2').cycle({
fx: 'fade',
speed: 600,
timeout: 5000,
next: '#next1',
prev: '#prev1'
});
</script>
<div id="gallery2" class="gallery">
<img src="images/portfolio/drjoseph1.png" alt="Portfolio Image, Dr. Danny (1)" />
<img src="images/portfolio/drjoseph2.png" alt="Portfolio Image, Dr. Danny (2)"/>
<img src="images/portfolio/drjoseph3.png" alt="Portfolio Image, Dr. Danny (3)"/>
</div>
<span class="caption">
I was responsible for all of the HTML/CSS and some PHP/JS for this project.
</span>
<span class="caption">
The live site will be coming soon.
</span>
</div>
<!-- End Portfolio -->
</div>
</div>
<div id="copyright">
Copyright © 2012 Young Yu
</div>
</div>
</body>
</html>