This repository has been archived by the owner on Aug 19, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathteam.html
129 lines (113 loc) · 5.21 KB
/
team.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
<!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">
<title>Team</title>
<meta name="description" content="Coming Soon">
<meta name="subject" content="Coming Soon - Hall Technologies">
<meta name="robots" content="index,follow,noodp"><!-- All Search Engines -->
<meta name="googlebot" content="index,follow"><!-- Google Specific -->
<meta name="google" content="notranslate"><!-- Disable Translation -->
<meta name="google" content="nositelinkssearchbox"><!-- No Site Search -->
<meta charset="utf-8"/>
<link rel="shortcut icon" href="dist/res/footer_logo.png">
<!-- CSS -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Rubik" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="dist/style/main.css">
</head>
<body>
<section id="content">
<h1 class="splash black">Team</h1>
<div class="card-container full-width flex fl-center">
<div class="card">
<div class="card-image big" id="n1"></div>
<h1 class="name">Daniel Oltmanns</h1>
</div>
</div>
<article>Lorem ipsum dolor sit amet, duo sumo illum essent ad, essent accusata pro eu. Tempor vocent tibique his in, eum paulo consectetuer no, id nam unum assum eligendi. Ad nec eros ubique iuvaret. An duo dicat inermis, et volutpat scripserit vim. Ut ferri facilisi cum.</article>
<div class="card-container full-width flex fl-center">
<div class="card">
<div class="card-image big" id="n2"></div>
<h1 class="name">Peter Hall</h1>
<!-- <div class="row">
<div data-balloon="@halltech" data-balloon-pos="up">
<img src="dist/res/social/twitter.svg" width="40">
</div>
<div data-balloon="I'm a tooltip." data-balloon-pos="up">
<img src="dist/res/social/github.svg" width="40">
</div>
<div data-balloon="I'm a tooltip." data-balloon-pos="up">
<img src="dist/res/social/github.svg" width="40">
</div>
</div>
</div> -->
<div class="item">
<div class="button">
<i class="material-icons">share</i>
</div>
<div class="popout">
<div class="image" id="n3"></div>
<div class="text flex">
<div data-balloon="@halltech" data-balloon-pos="up">
<img src="dist/res/social/twitter.svg" width="40">
</div>
<div data-balloon="I'm a tooltip." data-balloon-pos="up">
<img src="dist/res/social/github.svg" width="40">
</div>
<div data-balloon="I'm a tooltip." data-balloon-pos="up">
<img src="dist/res/social/github.svg" width="40">
</div>
</div>
</div>
</div>
</div>
<article>Lorem ipsum dolor sit amet, duo sumo illum essent ad, essent accusata pro eu. Tempor vocent tibique his in, eum paulo consectetuer no, id nam unum assum eligendi. Ad nec eros ubique iuvaret. An duo dicat inermis, et volutpat scripserit vim. Ut ferri facilisi cum.</article>
<div class="card-container full-width flex fl-center">
<div class="card">
<div class="card-image big" id="n3"></div>
<h1 class="name">Matthew Hall</h1>
<div class="social">
<span data-balloon="@halltech" data-balloon-pos="up">
<img class="icon" src="dist/res/social/twitter.svg" width="25">
</span>
<span data-balloon="I'm a tooltip." data-balloon-pos="up">
<img class="icon" src="dist/res/social/github.svg" width="25">
</span>
<span data-balloon="I'm a tooltip." data-balloon-pos="up">
<img class="icon" src="dist/res/social/github.svg" width="25">
</span>
</div>
</div>
<article>Lorem ipsum dolor sit amet, duo sumo illum essent ad, essent accusata pro eu. Tempor vocent tibique his in, eum paulo consectetuer no, id nam unum assum eligendi. Ad nec eros ubique iuvaret. An duo dicat inermis, et volutpat scripserit vim. Ut ferri facilisi cum.</article>
<div class="card-container full-width flex fl-center">
<div class="card">
<div class="card-image big" id="n4"></div>
<h1 class="name">Ryan Wolf</h1>
</div>
</div>
<article>Lorem ipsum dolor sit amet, duo sumo illum essent ad, essent accusata pro eu. Tempor vocent tibique his in, eum paulo consectetuer no, id nam unum assum eligendi. Ad nec eros ubique iuvaret. An duo dicat inermis, et volutpat scripserit vim. Ut ferri facilisi cum.</article>
</section>
<footer>© 2017 Hall Technologies</footer>
<!-- <script>
var outer = document.createElement("div");
outer.style.visibility = "hidden";
outer.style.width = "100px";
document.body.appendChild(outer);
var widthNoScroll = outer.offsetWidth;
// force scrollbars
outer.style.overflow = "scroll";
outer.style."-ms-overflow-style" = scrollbar;
// add innerdiv
var inner = document.createElement("div");
inner.style.width = "100%";
outer.appendChild(inner);
var widthWithScroll = inner.offsetWidth;
// remove divs
outer.parentNode.removeChild(outer);
console.warn(widthNoScroll - widthWithScroll);
</script> -->
</body>