Skip to content

Commit 82e6435

Browse files
glickmacglickmac
committed
Update
1 parent 5199d42 commit 82e6435

File tree

1 file changed

+135
-173
lines changed

1 file changed

+135
-173
lines changed

‎index.html‎

Lines changed: 135 additions & 173 deletions
Original file line numberDiff line numberDiff line change
@@ -1,174 +1,136 @@
1-
<!DOCTYPE HTML>
2-
<!--
3-
Spectral by HTML5 UP
4-
html5up.net | @ajlkn
5-
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6-
-->
7-
<html>
8-
<head>
9-
<title>Spectral by HTML5 UP</title>
10-
<meta charset="utf-8" />
11-
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
12-
<link rel="stylesheet" href="assets/css/main.css" />
13-
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
14-
</head>
15-
<body class="landing is-preload">
16-
17-
<!-- Page Wrapper -->
18-
<div id="page-wrapper">
19-
20-
<!-- Header -->
21-
<header id="header" class="alt">
22-
<h1><a href="index.html">Spectral</a></h1>
23-
<nav id="nav">
24-
<ul>
25-
<li class="special">
26-
<a href="#menu" class="menuToggle"><span>Menu</span></a>
27-
<div id="menu">
28-
<ul>
29-
<li><a href="index.html">Home</a></li>
30-
<li><a href="generic.html">Generic</a></li>
31-
<li><a href="elements.html">Elements</a></li>
32-
<li><a href="#">Sign Up</a></li>
33-
<li><a href="#">Log In</a></li>
34-
</ul>
35-
</div>
36-
</li>
37-
</ul>
38-
</nav>
39-
</header>
40-
41-
<!-- Banner -->
42-
<section id="banner">
43-
<div class="inner">
44-
<h2>Spectral</h2>
45-
<p>Another fine responsive<br />
46-
site template freebie<br />
47-
crafted by <a href="http://html5up.net">HTML5 UP</a>.</p>
48-
<ul class="actions special">
49-
<li><a href="#" class="button primary">Activate</a></li>
50-
</ul>
51-
</div>
52-
<a href="#one" class="more scrolly">Learn More</a>
53-
</section>
54-
55-
<!-- One -->
56-
<section id="one" class="wrapper style1 special">
57-
<div class="inner">
58-
<header class="major">
59-
<h2>Arcu aliquet vel lobortis ata nisl<br />
60-
eget augue amet aliquet nisl cep donec</h2>
61-
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
62-
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
63-
</header>
64-
<ul class="icons major">
65-
<li><span class="icon fa-gem major style1"><span class="label">Lorem</span></span></li>
66-
<li><span class="icon fa-heart major style2"><span class="label">Ipsum</span></span></li>
67-
<li><span class="icon solid fa-code major style3"><span class="label">Dolor</span></span></li>
68-
</ul>
69-
</div>
70-
</section>
71-
72-
<!-- Two -->
73-
<section id="two" class="wrapper alt style2">
74-
<section class="spotlight">
75-
<div class="image"><img src="images/pic01.jpg" alt="" /></div><div class="content">
76-
<h2>Magna primis lobortis<br />
77-
sed ullamcorper</h2>
78-
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
79-
</div>
80-
</section>
81-
<section class="spotlight">
82-
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content">
83-
<h2>Tortor dolore feugiat<br />
84-
elementum magna</h2>
85-
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
86-
</div>
87-
</section>
88-
<section class="spotlight">
89-
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
90-
<h2>Augue eleifend aliquet<br />
91-
sed condimentum</h2>
92-
<p>Aliquam ut ex ut augue consectetur interdum. Donec hendrerit imperdiet. Mauris eleifend fringilla nullam aenean mi ligula.</p>
93-
</div>
94-
</section>
95-
</section>
96-
97-
<!-- Three -->
98-
<section id="three" class="wrapper style3 special">
99-
<div class="inner">
100-
<header class="major">
101-
<h2>Accumsan mus tortor nunc aliquet</h2>
102-
<p>Aliquam ut ex ut augue consectetur interdum. Donec amet imperdiet eleifend<br />
103-
fringilla tincidunt. Nullam dui leo Aenean mi ligula, rhoncus ullamcorper.</p>
104-
</header>
105-
<ul class="features">
106-
<li class="icon fa-paper-plane">
107-
<h3>Arcu accumsan</h3>
108-
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
109-
</li>
110-
<li class="icon solid fa-laptop">
111-
<h3>Ac Augue Eget</h3>
112-
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
113-
</li>
114-
<li class="icon solid fa-code">
115-
<h3>Mus Scelerisque</h3>
116-
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
117-
</li>
118-
<li class="icon solid fa-headphones-alt">
119-
<h3>Mauris Imperdiet</h3>
120-
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
121-
</li>
122-
<li class="icon fa-heart">
123-
<h3>Aenean Primis</h3>
124-
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
125-
</li>
126-
<li class="icon fa-flag">
127-
<h3>Tortor Ut</h3>
128-
<p>Augue consectetur sed interdum imperdiet et ipsum. Mauris lorem tincidunt nullam amet leo Aenean ligula consequat consequat.</p>
129-
</li>
130-
</ul>
131-
</div>
132-
</section>
133-
134-
<!-- CTA -->
135-
<section id="cta" class="wrapper style4">
136-
<div class="inner">
137-
<header>
138-
<h2>Arcue ut vel commodo</h2>
139-
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
140-
</header>
141-
<ul class="actions stacked">
142-
<li><a href="#" class="button fit primary">Activate</a></li>
143-
<li><a href="#" class="button fit">Learn More</a></li>
144-
</ul>
145-
</div>
146-
</section>
147-
148-
<!-- Footer -->
149-
<footer id="footer">
150-
<ul class="icons">
151-
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
152-
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
153-
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
154-
<li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
155-
<li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
156-
</ul>
157-
<ul class="copyright">
158-
<li>&copy; Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
159-
</ul>
160-
</footer>
161-
162-
</div>
163-
164-
<!-- Scripts -->
165-
<script src="assets/js/jquery.min.js"></script>
166-
<script src="assets/js/jquery.scrollex.min.js"></script>
167-
<script src="assets/js/jquery.scrolly.min.js"></script>
168-
<script src="assets/js/browser.min.js"></script>
169-
<script src="assets/js/breakpoints.min.js"></script>
170-
<script src="assets/js/util.js"></script>
171-
<script src="assets/js/main.js"></script>
172-
173-
</body>
1+
<!DOCTYPE HTML>
2+
<!--
3+
Spectral by HTML5 UP
4+
html5up.net | @ajlkn
5+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
6+
-->
7+
<html>
8+
<head>
9+
<title>Data Dolittle</title>
10+
<meta charset="utf-8" />
11+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
12+
<link rel="stylesheet" href="assets/css/main.css" />
13+
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
14+
</head>
15+
<body class="landing is-preload">
16+
17+
<!-- Page Wrapper -->
18+
<div id="page-wrapper">
19+
20+
<!-- Header -->
21+
<header id="header" class="alt">
22+
<h1><a href="index.html">Data Dolittle</a></h1>
23+
<nav id="nav">
24+
<ul>
25+
<li class="special">
26+
<a href="#menu" class="menuToggle"><span>Menu</span></a>
27+
<div id="menu">
28+
<ul>
29+
<li><a href="index.html">Home</a></li>
30+
<li><a href="generic.html">Generic</a></li>
31+
<li><a href="elements.html">Elements</a></li>
32+
<li><a href="contact.html">Connect</a></li>
33+
<li><a href="#">Log In</a></li>
34+
</ul>
35+
</div>
36+
</li>
37+
</ul>
38+
</nav>
39+
</header>
40+
41+
<!-- Banner -->
42+
<section id="banner">
43+
<div class="inner">
44+
<h2>Data Dolittle</h2>
45+
<p>We Speak Data!<br />
46+
Empowering data scientists and businesses<br />
47+
</p>
48+
<ul class="actions special">
49+
<li><a href="#" class="button primary">Connect</a></li>
50+
</ul>
51+
</div>
52+
<a href="#one" class="more scrolly">Learn More</a>
53+
</section>
54+
55+
<!-- One -->
56+
<section id="one" class="wrapper style1 special">
57+
<div class="inner">
58+
<header class="major">
59+
<h2>How We Empower</h2>
60+
<p>At Data Dolittle, we release clear and reproducible tutorials, provide <br />
61+
step-by-step workflows for data teams, and answer complex business questions.</p>
62+
</header>
63+
<ul class="icons major">
64+
<li><span class="icon fa-user major style1"><span class="label">People</span></span></li>
65+
<li><span class="icon fa-life-ring major style2"><span class="label">Teams</span></span></li>
66+
<li><span class="icon solid fa-puzzle-piece major style3"><span class="label">Knowledge</span></span></li>
67+
</ul>
68+
</div>
69+
</section>
70+
71+
<!-- Two -->
72+
<section id="two" class="wrapper alt style2">
73+
<section class="spotlight">
74+
<div class="image"><a href="https://towardsdatascience.com/@glickmancody">
75+
<img src="images/Ducky.jpg" alt="" /></a></div><div class="content">
76+
<h2>Empowering others<br />
77+
through clear tutorials</h2>
78+
<p>Data Dolittle leverages the knowledge of our employees to train aspiring data scientists to perform complex analysis</p>
79+
</div>
80+
</section>
81+
<section class="spotlight">
82+
<div class="image"><img src="images/pic02.jpg" alt="" /></div><div class="content">
83+
<h2>Collaborating with data<br />
84+
teams to build pipelines</h2>
85+
<p>Data Dolittle works directly with your data team to build workflows for challenging tasks</p>
86+
</div>
87+
</section>
88+
<section class="spotlight">
89+
<div class="image"><img src="images/pic03.jpg" alt="" /></div><div class="content">
90+
<h2>Bringing knowledge to<br />
91+
solve complex tasks</h2>
92+
<p>Data Dolittle can approach difficult business questions with our accumulated expertise</p>
93+
</div>
94+
</section>
95+
</section>
96+
97+
<!-- CTA -->
98+
<section id="cta" class="wrapper style4">
99+
<div class="inner">
100+
<header>
101+
<h2>Connect with us!</h2>
102+
<p>Learn more about our teams and culture.</p>
103+
</header>
104+
<ul class="actions stacked">
105+
<li><a href="#" class="button fit primary">Connect</a></li>
106+
<li><a href="#" class="button fit">Learn More</a></li>
107+
</ul>
108+
</div>
109+
</section>
110+
111+
<!-- Footer -->
112+
<footer id="footer">
113+
<ul class="icons">
114+
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
115+
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
116+
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
117+
<li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
118+
</ul>
119+
<ul class="copyright">
120+
<li>&copy; 2020 Data Dolittle, Inc</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
121+
</ul>
122+
</footer>
123+
124+
</div>
125+
126+
<!-- Scripts -->
127+
<script src="assets/js/jquery.min.js"></script>
128+
<script src="assets/js/jquery.scrollex.min.js"></script>
129+
<script src="assets/js/jquery.scrolly.min.js"></script>
130+
<script src="assets/js/browser.min.js"></script>
131+
<script src="assets/js/breakpoints.min.js"></script>
132+
<script src="assets/js/util.js"></script>
133+
<script src="assets/js/main.js"></script>
134+
135+
</body>
174136
</html>

0 commit comments

Comments
 (0)