-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·169 lines (159 loc) · 7.41 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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Code With Madi</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="stylesheet" href="assets/css/betateam.css" />
</head>
<body class="landing is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header
<header id="header" class="alt">
<h1><a href="index.html">Code With Madi</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
-->
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>With Madi Co.</h2>
<p>We empower people<br />
to grow more,<br />
to do more,<br />
and become more.</p>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>What Madi is all about</h2>
<p>Madi's passion for developing impactful, innovative solutions is fueled by unifying the experiences of others
with her diverse professional background in industries such as financial, judicial, and property management.
With Madi Co. acts as a catalyst for transformational change (inside and out of the workplace). We use our platform to hack the glass
ceiling for women and minorities.</p>
</header>
<!-- <ul class="icons major">
<li><span class="icon fa-pagelines major style1"><span class="label">Lorem</span></span></li>
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span></li>
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li>
</ul> -->
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="assets/img/FunHeadshot.jpg" alt="" /></div><div class="content">
<h2>Coding Workshops</h2>
<p>Learn the basics of programming for how it relates to you. Whether its for your personal business, your workplace, or for your child's birthday party these personalized coding workshops are created specifically for your experience level and with the goal in mind. </p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="assets/img/FunHeadshot.jpg" alt="" /></div><div class="content">
<h2>Speaking Engagements</h2>
<p>For keyntotes of women and minorities in technology, or STEAM's influence and impact of education. </p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="assets/img/FunHeadshot.jpg" alt="" /></div><div class="content">
<h2>Teaching the World to Code</h2>
<p>We're currently working on an open source project geared to remove the language barrier of code - both programatically and speaking. If you're passioante about education, we need your help building curriculum. If you know other languages, we need your help expanding to other spoken languages. If you love helping, we have a place for you. Come, join, and be a part of the community of people passionate about making a change so the entire world can learn how to code. </p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>With Madi Co. Building Blocks</h2>
<p>At With Madi Co., we do a lot of things,<br />
but at the core of it all, we do it together and we do it for the betterment of others.</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane-o">
<h3>Grow With Madi</h3>
<p>Get on board with all the content I'm consuming and grow alongside me.</p>
</li>
<li class="icon fa-code">
<h3>Code With Madi</h3>
<p>Ever wanted to learn how to code? We've created tutorials for anyone who is ready to take the next step.</p>
</li>
<li class="icon fa-laptop">
<h3>Hustle With Madi</h3>
<p>Need a community to keep you accountable in doing your work. Join my livestream on Twitch and we can be productive together!</p>
</li>
<li class="icon fa-headphones">
<h3>Listen With Madi</h3>
<p>Listen to the latest content.</p>
</li>
<li class="icon fa-heart-o">
<h3>Connect With Madi</h3>
<p>Be a part of the community of individuals dedicated to learning and growing and being students of life. You'll fit in here.</p>
</li>
<li class="icon fa-flag-o">
<h3>Minute With Madi</h3>
<p>The moment that started it all. Tune in to Instagram every day for a new minute of wisdom. </p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Arcue ut vel commodo</h2>
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
</header>
<ul class="actions stacked">
<li><a href="#" class="button fit primary">Activate</a></li>
<li><a href="#" class="button fit">Learn More</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://twitter.com/madison_pfaff" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/withmadico/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instragram.com/madipfaff" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.twitch.tv/madiedgar" class="icon fa-twitch"><span class="label">Twitch</span></a></li>
<li><a href="https://www.linkedin.com/in/madisonpfaff/" class="icon fa-linkedin"><span class="label">linkedin</span></a></li>
<li><a href="mailto:[email protected]" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© With Madi Co.</li><li>Designed with ♥ by Madi</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>