-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
91 lines (88 loc) · 2.65 KB
/
index2.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
<!doctype html>
<html>
<head>
<title>Alex Martin</title>
<link rel="stylesheet" href="styles/main.css">
</head>
<body>
<section id="splash" class="homeSlide">
<div class="logo"
data-top="height: 200px; width: 200px; left: 45%; top:40%; opacity: 1;"
data--100p-top="height: 25000px; width: 25000px; left: -500%; top: -700%; opacity: 1;"
data--110p-top="height: 25000px; width: 25000px; left: -500%; top: -700%; opacity: 0;"
>
</div>
<!--
<div class="backpanel">
<div class="logo"
data-center="height: 200px; width: 200px; left: 46%; top: 38%; opacity: 1;"
data--50p-top="height: 500px; width: 500px; left: -190%; top: -300%; opacity: 1;"
data--100p-top="height: 500px; width: 500px; left: -190%; top: -300%; opacity: 0;"
>
</div>
<div class="inner-text"
data--75p-top="opacity: 0; width: 1%; height: 1%; top: 48%; left: 48%;"
data--200p-top="opacity: 1; width: 80%; height: 90%; top: 5%; left: 9%;"
>
<div class="upper-left">
<div class="circle">
<h2>Alex Martin</h2>
<p>Web Application Engineer</p>
<p>
Got a job? Need a hand?
<br>
Get in touch!
</p>
<p>
<a href="http://twitter.com/ADotMartin">@ADotMartin</a><br>
martin.alex.t@gmail.com
</p>
</div>
</div>
<div class="upper-right">
<div class="diamond">
<a href="http://blog.atmartin.io"><h2>Blog</h2></a>
</div>
</div>
<div class="lower-left">
<div class="square">
<h2>Portfolio / Samples</h2>
</div>
</div>
<div class="lower-right">
<div class="triangle">
<h2>Thanks!</h2>
</div>
</div>
</div>
<div class="scroll-prompt">
</div>
</div>
-->
</section>
<!--
<section id="about" class="homeSlide">
<div class="backpanel"
data-center="background-color: rgb(0, 255, 0);"
data-bottom-top="background-color: rgb(255, 0, 0);"
data-anchor-target="#about"
>
This is the about section.
</div>
</section>
<section id="portfolio">
This is the portfolio section.
</section>
<section id="resume">
This is my resume section.
</section>
<section id="contact">
This is where my contact info is.
</section>
-->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.29/skrollr.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<body>
</html>