-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (94 loc) · 4.64 KB
/
index.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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>P O R T F O L I O</title>
<meta name="author" content="Alvaro Trigo Lopez" />
<meta name="description" content="fullPage full-screen portfolio site. Reproducing one sigle scrolling site like Apple iPhone." />
<meta name="keywords" content="fullpage,jquery,demo,screen,fullscreen,ruby,javascript,webdev,how to" />
<meta name="Resource-type" content="Document" />
<link rel="stylesheet" type="text/css" href="vendors/css/jquery.fullPage.css" />
<link rel="stylesheet" href="vendors/css/fullPage.css">
<link rel="stylesheet" href="vendors/css/terminal.css">
<!--[if IE]>
<script type="text/javascript">
var console = { log: function() {} };
</script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/lib/jquery.fullPage.min.js"></script>
<script type="text/javascript" src="js/lib/typed.min.js"></script>
<script type="text/javascript" src="vendors/js/fullpage.js"></script>
<script type="text/javascript" src="vendors/js/header.js"></script>
</head>
<body>
<div id="fullpage">
<div id="staticImg">
<div class="imgsContainer">
<img src="imgs/sox-wink.gif" alt="sox-profile" id="iphone-green" />
</div>
</div>
<div class="section " id="section0">
<!-- <h1>PORTFOLIO</h1> -->
<h1>Sox's Portfolio</h1>
<h3>GA Web Development Immersive 8 | Sydney 2015.</h3>
<a target="_blank" href="http://github.com/soxface"><i class="fa fa-github-alt fa-2x"></i></a>
<a target="_blank" href="http://twitter.com/soxyface"><i class="fa fa-twitter-square fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fa fa-envelope-o fa-2x"></i></a>
<div class="head-wrap">
<div class="text-editor-wrap">
<div class="title-bar"><span class="title">Ruby — Javascript — Rails — GA WDI<span class="terminal-height">2015</span></span></div>
<div class="text-body">
$ <span id="typed"></span>
</div>
</div>
<img src="http://3.bp.blogspot.com/-5lROSSxlGSw/UqtagW1S0uI/AAAAAAAAATQ/ZWKD_Bf3-b4/s1600/upside-down-arrow-md.png" alt="">
</div>
</div>
<div class="section" id="section1">
<div class="wrap">
<div class="imgsContainer">
<img src="imgs/iphone-ga.png" alt="iphone" id="iphone-ga" />
<img src="imgs/iphone-ga-info.png" alt="iphone" id="iphone-ga-info" />
</div>
<div class="box">
<h2>Why WDI?</h2>
<strong>THANKS TO MY BOSS, </strong> I was extremely fortunate to have been awarded funding and time away from work to complete the course. I'm an Educational Designer for the University of Sydney and I absolutely adore working with the Health Sciences Faculty. I simply cannot wait to get back to work and code, learn and build.
</div>
</div>
</div>
<div class="section moveDown" id="section2">
<div class="wrap">
<div class="imgsContainer">
<img src="imgs/iphone-yellow.png" alt="iphone" id="iphone-yellow" />
<img src="imgs/iphone-red.png" alt="iphone" id="iphone-red" />
<img src="imgs/iphone-blue.png" alt="iphone" id="iphone-blue" />
</div>
<div class="box">
<h2>Amazing stuff</h2>
Combining core learnings in <strong>Ruby, Rails, Javascript, Testing</strong> along with CSS and jQuery. Joel, DT and Jack helped our class create three projects during our time in General Assembly. Give it one more scroll and you'll see what we accomplished in 12 short weeks.
</div>
</div>
</div>
<div class="section moveDown" id="section3">
<div class="wrap">
<div class="box">
<h2>That's it from me. Thanks for reading!</h2>
I really do love to learn so if you would like to collaborate or pitch me an idea to build, I'm all ears.
</div>
</div>
<div class="imgsContainer">
<img src="imgs/ga-wdi-projects.gif" alt="projects" id="iphone-two" />
</div>
</div>
</div>
<div id="footer">
<a target="_blank" href="http://github.com/soxface"><i class="fa fa-github-alt fa-2x"></i></a>
<a target="_blank" href="http://twitter.com/soxyface"><i class="fa fa-twitter-square fa-2x"></i></a>
<a href="mailto:[email protected]"><i class="fa fa-envelope-o fa-2x"></i></a>
<p>Sonya Corcoran | General Assembly WDI Graduate 2015</p>
</div>
</body>
</html>