-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
493 lines (475 loc) · 26.3 KB
/
index.html
File metadata and controls
493 lines (475 loc) · 26.3 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
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
<!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" />
<title>Ryan Lasher | Digital Media Expert Consultant</title>
<!-- Font awesome 4.7 CDN -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<!-- Latest compiled and minified CSS -->
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
/>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<!-- Font Awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<!-- Custom CSS -->
<link rel="stylesheet" href="css/style.css" />
<!-- Wanna learn about a lot of the Bootstrap 4 elements that I have implemented? https://www.w3schools.com/bootstrap4/ -->
</head>
<body
class="bg-light"
data-spy="scroll"
data-target=".navbar"
data-offset="50"
>
<!-- Header/nav section -->
<nav
class="navbar navbar-expand-sm justify-content-center bg-dark navbar-dark fixed-top"
>
<!-- issue with flex grow on nav items -->
<div class="center-nav">
<a class="navbar-brand" href="#top">Logo will be here</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#collapsibleNavbar"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#top">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Main section with all the content! -->
<div class="pt-5 mt-4 container text-center" id="top">
<h1 class="text-primary">Welcome to Ryan's Digital Media Agency!</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque animi,
suscipit mollitia eius repellendus inventore, consequuntur ipsum
architecto aliquam provident praesentium. Odit eaque dolore atque
ratione nulla. Tempore, aliquid delectus.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque animi,
suscipit mollitia eius repellendus inventore, consequuntur ipsum
architecto aliquam provident praesentium. Odit eaque dolore atque
ratione nulla. Tempore, aliquid delectus.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque animi,
suscipit mollitia eius repellendus inventore, consequuntur ipsum
architecto aliquam provident praesentium. Odit eaque dolore atque
ratione nulla. Tempore, aliquid delectus.
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque animi,
suscipit mollitia eius repellendus inventore, consequuntur ipsum
architecto aliquam provident praesentium. Odit eaque dolore atque
ratione nulla. Tempore, aliquid delectus.
</p>
</div>
<div class="container text-center" id="about">
<h2 class="text-primary">About Us</h2>
<p>
Leverage agile frameworks to provide a robust synopsis for high level
overviews. Iterative approaches to corporate strategy foster
collaborative thinking to further the overall value proposition.
Organically grow the holistic world view of disruptive innovation via
workplace diversity and empowerment.
</p>
<p>
Bring to the table win-win survival strategies to ensure proactive
domination. At the end of the day, going forward, a new normal that has
evolved from generation X is on the runway heading towards a streamlined
cloud solution. User generated content in real-time will have multiple
touchpoints for offshoring.
</p>
<p>
Capitalize on low hanging fruit to identify a ballpark value added
activity to beta test. Override the digital divide with additional
clickthroughs from DevOps. Nanotechnology immersion along the
information highway will close the loop on focusing solely on the bottom
line.
</p>
</div>
<div class="container text-center" id="services">
<h2 class="text-primary">Our Services...</h2>
<p>
Drill down red flag, pixel pushing, nor future-proof. But what's the
real problem we're trying to solve here? parallel path. Quarterly sales
are at an all-time low enough to wash your face table the discussion put
in in a deck for our standup today yet core competencies manage
expectations. Golden goose show pony imagineer, for low-hanging fruit
drive awareness to increase engagement or organic growth. Into the weeds
game plan, or win-win core competencies pig in a python, cross sabers.
Hit the ground running quick win, and t-shaped individual, staff
engagement moving the goalposts wheelhouse. Out of the loop synergize
productive mindfulness or accountable talk for we need to build it so
that it scales. Cross-pollination drop-dead date, for what's our go to
market strategy? so win-win products need full resourcing and support
from a cross-functional team in order to be built, maintained, and
evolved touch base. No scraps hit the floor upstream selling yet what
about scaling components to a global audience?, or pull in ten extra
bodies to help roll the tortoise, nor killing it. We need to button up
our approach. We don't want to boil the ocean globalize, nor we need to
touch base off-line before we fire the new ux experience at the end of
the day not enough bandwidth, nor mobile friendly low hanging fruit.
</p>
<p>
PowerPointless proceduralize, for accountable talk yet not a hill to die
on and ladder up / ladder back to the strategy collaboration through
advanced technlogy. Pipeline we need a paradigm shift, or you better eat
a reality sandwich before you walk back in that boardroom player-coach.
I’ve been doing some research this morning and we need to better
one-sheet. Hit the ground running we want to empower the team with the
right tools and guidance to uplevel our craft and build better nor show
pony, it's a simple lift and shift job social currency paddle on both
sides player-coach. Feature creep game plan let's prioritize the
low-hanging fruit. Deploy red flag. High performance keywords get six
alpha pups in here for a focus group, yet define the underlying
principles that drive decisions and strategy for your design language
dog and pony show, for due diligence, so get six alpha pups in here for
a focus group player-coach. Marketing computer development html roi
feedback team website action item, for not the long pole in my tent loop
back re-inventing the wheel, or curate pull in ten extra bodies to help
roll the tortoise. Get buy-in run it up the flagpole, ping the boss and
circle back and streamline, or close the loop where the metal hits the
meat window-licker. Can we align on lunch orders five-year strategic
plan and we've got to manage that low hanging fruit into the weeds game
plan bench mark, yet no scraps hit the floor. Thought shower pixel
pushing, and tbrand terrorists drink from the firehose synergize
productive mindfulness, can we align on lunch orders. Churning anomalies
blue money it's about managing expectations. Hit the ground running.
Onward and upward, productize the deliverables and focus on the bottom
line UX, but run it up the flag pole but root-and-branch review what do
you feel you would bring to the table if you were hired for this
position, and it just needs more cowbell wheelhouse. Cannibalize a
better understanding of usage can aid in prioritizing future efforts so
products need full resourcing and support from a cross-functional team
in order to be built, maintained, and evolved or put in in a deck for
our standup today peel the onion, for sacred cow, cannibalize. Q1 price
point, and helicopter view. Helicopter view we need a paradigm shift
overcome key issues to meet key milestones. Cannibalize. What do you
feel you would bring to the table if you were hired for this position I
have zero cycles for this, yet it's about managing expectations. Make
sure to include in your wheelhouse collaboration through advanced
technlogy level the playing field push back commitment to the cause so
optimize for search game-plan.
</p>
<p>
Bells and whistles drink the Kool-aid bake it in blue money build on a
culture of contribution and inclusion product management breakout
fastworks. If you want to motivate these clowns, try less carrot and
more stick. We've got to manage that low hanging fruit nail jelly to the
hothouse wall, or meeting assassin, but low engagement. Low hanging
fruit message the initiative we need to future-proof this. Even dead
cats bounce run it up the flag pole digital literacy. Digital literacy.
We need distributors to evangelize the new line to local markets drive
awareness to increase engagement hit the ground running, and move the
needle, and we're ahead of the curve on that one, or digital literacy.
Locked and loaded core competencies, for the last person we talked to
said this would be ready, hard stop, marketing computer development html
roi feedback team website synergestic actionables. Let's prioritize the
low-hanging fruit this vendor is incompetent so quick win, yet i'll book
a meeting so we can solution this before the sprint is over table the
discussion , t-shaped individual. Data-point get buy-in but gain
alignment and we need to have a Come to Jesus meeting with Phil about
his attitude please use "solutionise" instead of solution ideas! :) for
hit the ground running herding cats. Blue sky thinking. The last person
we talked to said this would be ready race without a finish line, so
fire up your browser, out of the loop, so blue sky so dear hiring
manager:. Quarterly sales are at an all-time low pushback, but we need
to get all stakeholders up to speed and in the right place imagineer put
in in a deck for our standup today UX. Re-inventing the wheel viral
engagement, for pipeline, nor can we align on lunch orders. After I ran
into Helen at a restaurant, I realized she was just office pretty low
hanging fruit win-win design thinking so we need to make the new version
clean and sexy. Out of the loop we want to see more charts gain traction
and one-sheet you better eat a reality sandwich before you walk back in
that boardroom, so into the weeds, or what the. Draw a line in the sand
dogpile that, nor hit the ground running synergestic actionables. Today
shall be a cloudy day, thanks to blue sky thinking, we can now deploy
our new ui to the cloud prairie dogging, we need more paper.
</p>
<div class="container text-center" id="testimonials">
<h3 class="text-primary">
Don't take our word for it...here's what some of our clients have
said:
</h3>
<blockquote class="blockquote">
<p>
We are your relatives I have printed it out, but the animated gif is
not moving. Can you pimp this powerpoint, need more geometry
patterns. I know somebody who can do this for a reasonable cost this
is just a 5 minutes job, for I have printed it out, but the animated
gif is not moving can you use a high definition screenshot for make
it original can you punch up the fun level on these icons other
agencies charge much lesser. Can you make the blue bluer? could you
move it a tad to the left or other agencies charge much lesser, for
is there a way we can make the page feel more introductory without
being cheesy. I'll know it when i see it can you put "find us on
facebook" by the facebook logo? and could you solutionize that for
me, nor this red is too red.
</p>
<footer class="blockquote-footer">
Joe Average, Your Average Joe
</footer>
</blockquote>
<blockquote class="blockquote">
<p>
Can we try some other colours maybe that will be a conversation
piece for that's going to be a chunk of change and I have an awesome
idea for a startup, i need you to build it for me. We have big
contacts we will promote you could you rotate the picture to show
the other side of the room? nor needs to be sleeker. The website
doesn't have the theme i was going for make it sexy, so just do what
you think. I trust you. You are lucky to even be doing this for us
can you make it look more designed but do less with more are you
busy this weekend? I have a new project with a tight deadline i'll
know it when i see it or we don't need a backup, it never goes
down!. I have printed it out, but the animated gif is not moving is
there a way we can make the page feel more introductory without
being cheesy can you punch up the fun level on these icons. Mmm,
exactly like that, but different mmm, exactly like that, but
different so can you make pink a little more pinkish. Can you make
the font bigger? try making it a bit less blah yet the flier should
feel like a warm handshake, and other agencies charge much lesser
start on it today and we will talk about what i want next time try a
more powerful colour can you pimp this powerpoint, need more
geometry patterns. Doing some work for us "pro bono" will really add
to your portfolio i promise can it be more retro, for there are more
projects lined up charge extra the next time, but can my website be
in english?, the target audience is makes and famles aged zero and
up. Make it original can you rework to make the pizza look more
delicious needs to be sleeker. Can you make it more infographic-y.
Can we try some other colours maybe can you pimp this powerpoint,
need more geometry patterns for anyway, you are the designer, you
know what to do, or thanks for taking the time to make the website,
but i already made it in wix i cant pay you I want you to take it to
the next level can my website be in english?. Could you do an actual
logo instead of a font. Could you move it a tad to the left this red
is too red, jazz it up a little could you solutionize that for me,
or im not sure, try something else, and start on it today and we
will talk about what i want next time yet it looks a bit empty, try
to make everything bigger. Im not sure, try something else can't you
just take a picture from the internet? yet can the black be darker
but we don't need a backup, it never goes down! and low resolution?
It looks ok on my screen. We are a big name to have in your
portfolio are you busy this weekend? I have a new project with a
tight deadline this red is too red. Something summery; colourful try
a more powerful colour I think we need to start from scratch, but
can you make the blue bluer?, can my website be in english? can you
put "find us on facebook" by the facebook logo?, i'll pay you in a
week we don't need to pay upfront i hope you understand. Make it pop
can you make the blue bluer? or the hair is just too polarising make
it pop yet it looks a bit empty, try to make everything bigger, yet
I have an awesome idea for a startup, i need you to build it for me.
Can you please send me the design specs again? we don't need a
backup, it never goes down! can you make it faster?. Can you turn it
around in photoshop so we can see more of the front what is a
hamburger menu so can you make the logo bigger yes bigger bigger
still the logo is too big low resolution? It looks ok on my screen.
Do less with more that's great, but we need to add this 2000 line
essay nor can you punch up the fun level on these icons needs to be
sleeker, can you put "find us on facebook" by the facebook logo?. I
really think this could go viral. Make it pop. Can we try some other
colours maybe im not sure, try something else i love it, but can you
invert all colors? can you rework to make the pizza look more
delicious there are more projects lined up charge extra the next
time, but there is too much white space. This was not according to
brief can you help me out? you will get a lot of free exposure doing
this i love it, but can you invert all colors?. We need to make the
new version clean and sexy.
</p>
<footer class="blockquote-footer">
Font Aus Some, Owner of Some Restaurant Somewhere
</footer>
</blockquote>
<blockquote class="blockquote">
<p>
Can we try some other colours maybe that will be a conversation
piece for that's going to be a chunk of change and I have an awesome
idea for a startup, i need you to build it for me. We have big
contacts we will promote you could you rotate the picture to show
the other side of the room? nor needs to be sleeker. The website
doesn't have the theme i was going for make it sexy, so just do what
you think. I trust you. You are lucky to even be doing this for us
can you make it look more designed but do less with more are you
busy this weekend? I have a new project with a tight deadline i'll
know it when i see it or we don't need a backup, it never goes
down!. I have printed it out, but the animated gif is not moving is
there a way we can make the page feel more introductory without
being cheesy can you punch up the fun level on these icons. Mmm,
exactly like that, but different mmm, exactly like that, but
different so can you make pink a little more pinkish. Can you make
the font bigger? try making it a bit less blah yet the flier should
feel like a warm handshake, and other agencies charge much lesser
start on it today and we will talk about what i want next time try a
more powerful colour can you pimp this powerpoint, need more
geometry patterns. Doing some work for us "pro bono" will really add
to your portfolio i promise can it be more retro, for there are more
projects lined up charge extra the next time, but can my website be
in english?, the target audience is makes and famles aged zero and
up. Make it original can you rework to make the pizza look more
delicious needs to be sleeker. Can you make it more infographic-y.
Can we try some other colours maybe can you pimp this powerpoint,
need more geometry patterns for anyway, you are the designer, you
know what to do, or thanks for taking the time to make the website,
but i already made it in wix i cant pay you I want you to take it to
the next level can my website be in english?. Could you do an actual
logo instead of a font. Could you move it a tad to the left this red
is too red, jazz it up a little could you solutionize that for me,
or im not sure, try something else, and start on it today and we
will talk about what i want next time yet it looks a bit empty, try
to make everything bigger. Im not sure, try something else can't you
just take a picture from the internet? yet can the black be darker
but we don't need a backup, it never goes down! and low resolution?
It looks ok on my screen. We are a big name to have in your
portfolio are you busy this weekend? I have a new project with a
tight deadline this red is too red. Something summery; colourful try
a more powerful colour I think we need to start from scratch, but
can you make the blue bluer?, can my website be in english? can you
put "find us on facebook" by the facebook logo?, i'll pay you in a
week we don't need to pay upfront i hope you understand. Make it pop
can you make the blue bluer? or the hair is just too polarising make
it pop yet it looks a bit empty, try to make everything bigger, yet
I have an awesome idea for a startup, i need you to build it for me.
Can you please send me the design specs again? we don't need a
backup, it never goes down! can you make it faster?. Can you turn it
around in photoshop so we can see more of the front what is a
hamburger menu so can you make the logo bigger yes bigger bigger
still the logo is too big low resolution? It looks ok on my screen.
Do less with more that's great, but we need to add this 2000 line
essay nor can you punch up the fun level on these icons needs to be
sleeker, can you put "find us on facebook" by the facebook logo?. I
really think this could go viral. Make it pop. Can we try some other
colours maybe im not sure, try something else i love it, but can you
invert all colors? can you rework to make the pizza look more
delicious there are more projects lined up charge extra the next
time, but there is too much white space. This was not according to
brief can you help me out? you will get a lot of free exposure doing
this i love it, but can you invert all colors?. We need to make the
new version clean and sexy.
</p>
<footer class="blockquote-footer">
Samuel L. Snakeson, A monkey-fighting snake on a Monday to Friday
plane
</footer>
</blockquote>
</div>
<div class="container text-center" id="contact">
<h2 class="text-primary">Contact Us</h2>
<form action="index.html" method="POST">
<div class="form-group">
<label for="name">
Your name:
</label>
<input type="text" name="name" class="form-control" id="name" />
</div>
<div class="form-group">
<label for="email">
Your email address:
</label>
<input type="email" name="email" class="form-control" id="email" />
</div>
<div class="form-group">
<label for="phone">
Your phone #:
</label>
<input type="phone" name="phone" class="form-control" id="phone" />
</div>
<div class="form-group">
<label for="message">
Please leave your message:
</label>
<textarea
name="message"
id="message"
cols="20"
rows="10"
class="form-control"
></textarea>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
<!-- Footer section -->
<nav
class="navbar navbar-expand-sm bg-dark navbar-dark justify-content-center"
>
<a class="navbar-brand" href="#">
Logo here
</a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="http://www.facebook.com"
><i class="fa fa-facebook-official" aria-hidden="true"></i
></a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.twitter.com"
><i class="fa fa-twitter" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.instagram.com"
><i class="fa fa-instagram" aria-hidden="true"></i
></a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.snapchat.com"
><i class="fa fa-snapchat-ghost" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.youtube.com"
><i class="fa fa-youtube-play" aria-hidden="true"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://www.linkedin.com"
><i class="fa fa-linkedin-square" aria-hidden="true"></i>
</a>
</li>
</ul>
<p class="px-15 my-2 mx-2 text-white font-italic">
Copyright (c) 2019 Ryan Lasher. All Rights Reserved.
</p>
</nav>
</body>
</html>