-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
342 lines (317 loc) · 21.1 KB
/
index.html
File metadata and controls
342 lines (317 loc) · 21.1 KB
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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Cache-control" content="no-cache">
<link rel="icon" href="img/favicon.png">
<title>FUNdamentals to Coding - Learn to Code</title>
<meta name="description"
content="As a Web Developer and Code Instructor, I have designed 2-hour online courses where you’ll learn to code HTML/CSS and Bootstrap using online tools and resources to build and deploy a website and website maintenance.">
<meta name="author" content="Judith Desire, info@redesigningtech.com">
<meta name="keywords"
content="judith desire, senior presentation coder, ux ui, web development, front end development, html, css, bootcamp, web maintenance, quality assurance, tutor, tutoring, online training, remote learning, online learning, code instructor">
<!-- Social Media META Tags -->
<meta property="og:title" content="FUNdamentals to Coding - Learn with a Code Instructor">
<meta property="og:description" content="Providing in-person or virtually learning to learn Introduction to HTML, Beginner to Intermidate CSS3, Introduction to Bootstrap and Beginner to Advance Quality Assurance for Web Maintenance">
<meta property="og:type" content="website" />
<meta property="og:image" content="https://berryny.github.io/cafe-tech/img/adult-on-devices.jpg">
<meta property="og:image:secure_url" content="https://berryny.github.io/cafe-tech/img/adult-on-devices.jpg" />
<meta property="og:url" content="https://berryny.github.io/cafe-tech/index.html">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="FUNdamentals to Coding - Learn with a Code Instructor">
<meta property="og:site_name" content="Learn with a Code Instructor online or in-person">
<meta name="twitter:image:alt" content="One-on-One FUNdamentals to Coding Learning on desktop, laptop and portable devices">
<meta name="twitter:site" content="@judidesire">
<link rel="image_src" href="https://berryny.github.io/cafe-tech/img/adult-on-devices.jpg" />
<link rel="preload" href="css/main.css" as="style">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header class="header position-relative">
<nav class="navbar navbar-expand-md navbar-light px-3 position-absolute fadeIn w-100 custom-navigation">
<a class="navbar-brand" href="#main">
<img src="img/logo-cafetech.png" width="60" height="" class="d-inline-block align-top logo" alt="Grid Layout">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-between pl-5" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="../index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about/">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Learn
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<h6 class="text-center border-bottom">ONE-ON-ONE LEARNING</h6>
<a class="dropdown-item" href="learn/learn-html.html">Introduction to HTML</a>
<a class="dropdown-item" href="learn/learn-html-css.html">Foundation of CSS</a>
<a class="dropdown-item" href="learn/learn-bootstrap.html">Using Bootstrap</a>
<a class="dropdown-item" href="learn/website-quality-assurance.html">Quality Assurance (QA)</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#contactus">Contact Us</a>
</li>
</ul>
<ul class="list-inline icons-social-media m-0">
<li class="list-inline-item"><a href="https://github.com/berryny/cafe-tech" target="_blank"><i class="fab fa-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/jdesire/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li class="list-inline-item"><a href="mailto:info@redesigningtech.com"><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
</nav>
</header>
<main id="main" class="main">
<div class="jumbotron jumbotron-fluid bg-parallax custom-hero custom-jumbotron p-0 m-0" data-src="img/casual-cellphone-mobile-users.jpg">
<div class="custom-jumbotron-container text-center d-flex flex-column justify-content-center w-100 p-1">
<h1 class="display-3 fadeIn delay-1s"><small>Welcome to</small>FUNdamentals to Coding</h1>
<h4 class="display-5 fadeIn delay-2s text-monospace">Let's begin to learn and build together!</h4>
<h5 class="display-6 fadeIn delay-2s text-white">by Cafe Tech NYC</h5>
<ul class="list-inline mt-5">
<li class="list-inline-item fadeIn delay-3s"><a class="btn btn-outline-warning btn-lg" href="learn/" role="button">Learn more</a></li>
<!-- <li class="list-inline-item fadeIn delay-3s"><a class="btn btn-warning btn-lg" href="https://fareharbor.com/embeds/book/ubbicycle/?ref=portfolio-booking-btn&full-items=yes" role="button">Book</a></li> -->
</ul>
</div>
</div>
<div id="about" class="container-fluid py-5 bg-light text-dark fadeIn">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-12 col-md-7">
<h2 class="display-3"><small>Hello I'm</small>Judi Desire</h2>
<p class="h3 text-monospace">Web Developer / Code Instructor</p>
<p class="lead">As a freelance techie based in New York City.</p>
<p>Judi Desire graduated with a bachelors degree in Computer Science at New York Institute of Technology.</p>
<p>After 15+ years, as a Freelance Web Developer in large to medium size marketing agencies in New York City and San Francisco, She brought her skills and knowledge into the classroom and became a code instructor for 6-9 week Basic Web
Development bootcamp program in Harlem and Brooklyn. The programs provides underserved and underrepresented groups non-technical professionals the resources in building a fully functional website using HTML5/CSS3/Bootstrap/Javascript.</p>
</div>
<div class="col-12 col-md-3">
<img src="img/img-Judi.jpg" class="img-fluid rounded-circle rotate-img" alt="Judi Desire">
</div>
</div>
</div>
<div class="container-fluid bg-parallax custom-blockquote text-center p-0 bg-dark text-light">
<blockquote class="blockquote p-5 mb-5">
<p class="mb-0 h2">First, solve the problem. Then, write the code.</p>
<footer class="blockquote-footer">John Johnson</footer>
</blockquote>
</div>
<div id="group-learning" class="container mb-5">
<h2 class="display-4 text-center mb-4">group learning experience</h2>
<div class="row d-flex justify-content-center align-items-start">
<div class="col-md-6">
<ul class="event-details list-inline w-100 d-flex justify-content-between mb-4">
<li class="list-inline-item"><i class="far fa-calendar-alt mr-2"></i>Saturdays</li>
<li class="list-inline-item"><i class="far fa-clock mr-2"></i>11AM-1PM</li>
<li class="list-inline-item"><i class="fas fa-dollar-sign mr-2"></i>20</li>
</ul>
<ul class="event-details list-inline w-100 d-flex justify-content-between mb-4">
<li class="list-inline-item"><i class="far fa-calendar-alt mr-2"></i>Wednesdays</li>
<li class="list-inline-item"><i class="far fa-clock mr-2"></i>5PM-7PM</li>
<li class="list-inline-item"><i class="fas fa-dollar-sign mr-2"></i>20</li>
</ul>
<ul class="event-details list-inline w-100 d-flex justify-content-between mb-4">
<li class="list-inline-item"><i class="far fa-calendar-alt mr-2"></i>Thursdays</li>
<li class="list-inline-item"><i class="far fa-clock mr-2"></i>8:30PM-10:30PM</li>
<li class="list-inline-item"><i class="fas fa-dollar-sign mr-2"></i>20</li>
</ul>
<div class="event-description">
<p class="lead">Join us for a <strong>2-hour online course</strong> where we will learn how to build and deploy a website using online tools and resource.</p>
<p>The 2-hour course will teach how to use <abbr title="HyperText Markup Language version 5" class="initialism">HTML5</abbr> (Hypertext Markup Language), online tools and resources to build and deploy a website. You will learn to
structure, arrange site content and define the content as, for example, headings, paragraphs, or images to tell your story.</p>
<p class="h3">Prerequisite</p>
<p>To be fully prepared before the class, follow the below:</p>
<ul>
<li>Can join the remote meeting via browser or <a href="https://zoom.us/download" target="_blank" rel="nofollow">download</a> Zoom Software for more functionally</li>
<li><a href="https://support.google.com/chrome/answer/95346" target="_blank" rel="nofollow">Download & Install</a> Chrome Browser for uniform troubleshooting</li>
<li>Have access to an email client account</li>
</ul>
<p>The meeting connection information will be provided after registration and in the email confirmation.</p>
<p class="font-family-bold ">Group Max: 8</p>
<p>If you're unable to location the connection information, please email us at <a href="mailto:info@redesigningtech.com">info@redesigningtech.com</a></p>
</div>
<div class="eventbrite-intergration text-center mb-4">
<!-- Button trigger modal -->
<button type="button" class="btn btn-outline-info" data-toggle="modal" data-target="#eventbriteIntergrationModalWeek">
weekend & weekday registration
</button>
<!-- Modal -->
<div class="modal fade" id="eventbriteIntergrationModalWeek" tabindex="-1" role="dialog" aria-labelledby="eventbriteIntergrationModalWeekTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="eventbriteIntergrationModalWeekTitle">Group Learning Experience HTML Coding</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div id="eventbrite-widget-container-101700484888"></div>
<script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script>
<script type="text/javascript">
var exampleCallback = function() {
console.log('Order complete!');
};
window.EBWidgets.createWidget({
// Required
widgetType: 'checkout',
eventId: '101700484888',
iframeContainerId: 'eventbrite-widget-container-101700484888',
promoCode: "LETSCODE",
// Optional
iframeContainerHeight: 425, // Widget height in pixels. Defaults to a minimum of 425px if not provided
onOrderComplete: exampleCallback // Method called when an order has successfully completed
});
</script>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<a href="https://cafetech.eventbrite.com/?aff=cafetech" target="_blank"><img src="img/group-learning-online-coding.jpg" class="img-fluid w-100" alt="Group Learning Experience HTML Coding"></a>
</div>
</div>
</div>
<div id="learn" class="container-fluid custom-learning p-4 mb-5">
<div class="row">
<div class="col-md-6">
<a href="learn/"><img src="img/adult-on-devices.jpg" class="img-fluid w-100" alt="learning devices"></a>
</div>
<div class="col-md-6">
<div id="areas-of-interest">
<h2 class="display-4 text-info"><small>one-on-one</small>learning</h2>
<p class="h4">Choose from the following areas of interest for in-person or virtually learning:</p>
<ul class="list-unstyled">
<li><a href="learn/learn-html.html">Introduction to HTML</a></li>
<li><a href="learn/learn-html-css.html">Beginner to Intermidate CSS3</a></li>
<li><a href="learn/learn-bootstrap.html">Introduction to Bootstrap</a></li>
<li><a href="learn/website-quality-assurance.html">Beginner to Advance Quality Assurance for <i>Web Maintenance</i></a></li>
</ul>
<a class="btn btn-outline-info btn-lg" href="learn/" role="button">Learn More</a>
</div>
</div>
</div>
</div>
<div id="services" class="container mb-5">
<div class="container p-0">
<div class="row align-items-stretch">
<div class="col-md-6 col-lg-6 mb-4">
<div class="row">
<div class="col-md-12 col-lg-4"><a href="learn/learn-html.html"><img src="img/img-html.jpg" class="img-fluid w-100" alt="Learn HTML"></a></div>
<div class="col-md-12 col-lg-8">
<h5 class="card-title text-monospace">HTML</h5>
<p class="card-text">Learn to code <strong>Hypertext Markup Language</strong> using online tools and resources to build and deploy a website. You will learn to structure and define the content as, for example, headings, paragraphs, or
images to tell your story.</p>
<p>The 2-hour session is designed to provide a foundational understanding of <abbr title="HyperText Markup Language" class="initialism">HTML</abbr> to arrange site content and layout.</p>
</div>
<div class="col-12 text-center mt-2">
<div class="btn-group btn-group-md" role="group" aria-label="HTML Information Buttons">
<a role="button" class="btn btn-info" href="learn/learn-html.html">Learn More</a>
<a role="button" class="btn btn-warning" href="https://fareharbor.com/embeds/book/ubbicycle/items/225091/?ref=portfolio&full-items=yes&flow=no">Book to learn HTML</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 mb-4">
<div class="row">
<div class="col-md-12 col-lg-4"><a href="learn/learn-html-css.html"><img src="img/img-css.jpg" class="img-fluid w-100" alt="Learn CSS"></a></div>
<div class="col-md-12 col-lg-8">
<h5 class="card-title text-monospace">HTML & CSS</h5>
<p class="card-text"><abbr title="HyperText Markup Language" class="initialism">HTML</abbr> <strong>Hypertext Markup Language</strong> provides basic structure to the site and <abbr title="Cascading Style Sheets"
class="initialism">CSS</abbr> <strong>Cascading Style Sheets</strong>, is used to style the appearance of content-using, for example, fonts or colors.</p>
<p>Learn how to add style and pizzazz into a website or content management template.</p>
</div>
<div class="col-12 text-center mt-2">
<div class="btn-group btn-group-md" role="group" aria-label="HTML and CSS Information Buttons">
<a role="button" class="btn btn-info" href="learn/learn-html-css.html">Learn More</a>
<a role="button" class="btn btn-warning" href="https://fareharbor.com/embeds/book/ubbicycle/items/225093/?ref=portfolio&full-items=yes&flow=no">Book to learn HTML & CSS</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 mb-4">
<div class="row">
<div class="col-md-12 col-lg-4"><a href="learn/learn-bootstrap.html"><img src="img/img-bootstrap.jpg" class="img-fluid w-100" alt="Learn Bootstrap"></a></div>
<div class="col-md-12 col-lg-8">
<h5 class="card-title text-monospace">Bootstrap</h5>
<p class="card-text"><a href="https://getbootstrap.com/" target="_blank" rel="nofollow">Bootstrap</a> is an open source toolkit for developing with HTML, CSS, and JS.</p>
<p>Learn how to integrate the framework into a website or content management.</p>
</div>
<div class="col-12 text-center mt-2">
<div class="btn-group btn-group-md" role="group" aria-label="Bootstrap Information Buttons">
<a role="button" class="btn btn-info" href="learn/learn-bootstrap.html">Learn More</a>
<a role="button" class="btn btn-warning" href="https://fareharbor.com/embeds/book/ubbicycle/items/225233/?ref=portfolio&full-items=yes&flow=no">Book to learn Bootstrap</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 mb-4">
<div class="row">
<div class="col-md-12 col-lg-4"><a href="learn/website-quality-assurance.html"><img src="img/img-quality-assurance.jpg" class="img-fluid w-100" alt="Quality Assurance"></a></div>
<div class="col-md-12 col-lg-8">
<h5 class="card-title text-monospace">Quality Assurance (QA)</h5>
<p class="card-text">Learn how to fix webpage issues on different types of screen sizes, browsers, operating systems, and other platforms. </p>
<p>We will examine the design precess and testing for the best website experience to the particular user base.</p>
</div>
<div class="col-12 text-center mt-2">
<div class="btn-group btn-group-md" role="group" aria-label="Website Maintenance Information Buttons">
<a role="button" class="btn btn-info" href="learn/website-quality-assurance.html">Learn More</a>
<a role="button" class="btn btn-warning" href="https://fareharbor.com/embeds/book/ubbicycle/items/225253/?ref=portfolio&full-items=yes&flow=no">Book to learn Website Maintenance</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="contactus" class="container mb-5">
<h2 class="display-4 text-center">contact us</h2>
<div class="row">
<div class="col-md-6 col-lg-4">
<dl class="row">
<dt class="col-md-4">Location</dt>
<dd class="col-md-8">New York, New York</dd>
</dl>
</div>
<div class="col-md-6 col-lg-5">
<dl class="row">
<dt class="col-md-4">Reach Out</dt>
<dd class="col-md-8"><a href="tel:+13473917189">+1-347-391-7189</a></dd>
</dl>
</div>
<div class="col-md-12 col-lg-3">
<ul class="list-inline icons-social-media text-center">
<li class="list-inline-item"><a href="mailto:info@redesigningtech.com"><i class="fas fa-envelope"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/berryny/cafe-tech" target="_blank"><i class="fab fa-github"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/jdesire/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/judidesire" target="_blank"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</main>
<footer class="footer container-fluid text-center">
<p class="p-3 m-0">© copyright 2020 | design & coding by Judith Desire
</footer>
<script rel="preload" as="script" src="js/jquery.js"></script>
<script rel="preload" as="script" src="js/popper.min.js"></script>
<script rel="preload" as="script" src="js/bootstrap/bootstrap.min.js"></script>
<!-- FareHarbor Lightframe API - do not remove - see: https://fareharbor.com/help/website/resources/lightframe-api/ -->
<script rel="preload" as="script" src="https://fareharbor.com/embeds/api/v1/?autolightframe=yes"></script>
<!-- NOTE: testing -->
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.min.js"></script> -->
</script>
</body>
</html>