-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (94 loc) · 5.25 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Senpai Dev Labs</title>
<meta name="author" content="Kenny Meyer" />
<meta name="description" content="Simple and fun" >
<meta name="keywords" content="mac,apple,iphone,ios,osx,games,apps,development,senpaidev,senpai dev labs,motivational,motivational daily" >
<link rel="alternate" type="application/rss+xml" title="Senpai Dev Labs" href="https://www.senpaidev.com/feed.xml" />
<link rel="stylesheet" href="/css/component.css">
<link rel="stylesheet" href="/css/demo.css">
<link rel="canonical" href="https://www.senpaidev.com/">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="/fonts/feather/style.css">
<link rel="stylesheet" type="text/css" href="/css/animate.min.css">
<script src="/js/modernizr.custom.js"></script>
<script src="/js/hammer.min.js"></script>
<meta property="og:site_name" content="Senpai Dev Labs"/>
<meta property="og:title" content="Senpai Dev Labs"/>
<meta property="og:description" content="Simple and fun" />
<meta property="og:image" content="https://www.senpaidev.com/images/delightfuldev-facebook-cover.png" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.senpaidev.com/" >
</head>
<body>
<div class="container">
<header class="bp-header cf">
<span>Senpai Dev Labs <span class="bp-icon bp-icon-about" id="site-info-button" data-content="Ninja apps, built for humans"></span></span>
<div id="site-info">Ninja apps, built for humans</div>
<h1>Ninja apps, built for humans</h1>
<nav>
<a class="bp-icon bp-icon-child" id="hire_me_button" data-info="Hire Me"><span>Hire Me</span></a>
<a href="https://twitter.com/senpaidevlabs" class="bp-icon bp-icon-twitter" data-info="@senpaidevlabs" target="_blank"><span>@senpaidevlabs</span></a>
<a href="mailto:[email protected]" class="bp-icon bp-icon-email" data-info="send me e-mail"><span>send me e-mail</span></a>
</nav>
</header>
<div style="width: 100%; flex: 1; position: relative;">
<div style="display: flex; flex-direction: column; height: 88%; width: 100%; position: absolute; justify-content: center;">
<section class="slider" id="main_slider">
<div class="slide" data-content="motivational-daily">
<div class="slide__mover">
<div class="zoomer flex-center">
<img class="zoomer__image" src="/images/iphone.png" alt="iphone" />
<div class="preview">
<img src="/images/motivational-daily/preview-motivational.jpg" alt="Motivational" />
<div class="zoomer__area zoomer__area--size-5"></div>
</div>
</div>
</div>
<h2 class="slide__title">Motivational<span>Get your day started. Motivated</span></h2>
</div>
<nav class="slider__nav">
<button class="button button--nav-prev"><i class="icon icon--arrow-left"></i><span class="text-hidden">Previous product</span></button>
<button class="button button--zoom"><i class="icon icon--zoom"></i><span class="text-hidden">View details</span></button>
<button class="button button--nav-next"><i class="icon icon--arrow-right"></i><span class="text-hidden">Next product</span></button>
</nav>
</section>
</div>
</div>
</div>
<section class="content">
</section>
<section class="profile">
<div style="position: relative;z-index: 1000;" id="profile_card_parent">
<div class="card hovercard" id="profile_card">
<a class="bp-icon bp-icon-close" id="close_profile"><span></span></a>
<div class="cardheader" style="background: url('/images/profile-header.png') no-repeat center">
</div>
<div class="avatar">
<img alt="" src="/images/profile.jpg">
</div>
<div class="info">
<div class="title">
<a target="_blank" href="https://www.kennymeyer.net">Kenny Meyer</a>
</div>
<div class="desc"><p>Hi, I am Kenny Meyer. I love having a simple life, but even more love to
challenge myself to be a better person. You should visit my <a href="https://www.kennymeyer.net">personal website</a> sometime.</p>
</div>
</div>
<div class="bottom">
<a class="btn btn-primary btn-twitter btn-sm" href="mailto:[email protected]">
Contact me
</a>
</div>
</div>
</div>
</section>
<script src="/js/classie.js"></script>
<script src="/js/dynamics.min.js"></script>
<script src="/js/main.js"></script>
</body>
</html>