-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (106 loc) · 15.8 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
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' type='text/css' href='./css/main.css'>
<link href="https://fonts.googleapis.com/css?family=Merriweather+sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
</head>
<body>
<div class='grid'></div>
<div class='full-width-section primary-bg-gradient_dark text-inverted'>
<div class='container'>
<div class='row'>
<div class='column'>
<h1>Where is My Balloon?</h1>
<p class='text-content'>Innovate Steve Jobs pivot prototype entrepreneur integrate cortado workflow. Agile pivot integrate quantitative vs. qualitative human-centered design venture capital quantitative vs. qualitative user centered design agile entrepreneur. Bootstrapping affordances experiential cortado actionable insight ideate thought leader food-truck user story. Grok quantitative vs. qualitative agile prototype user centered design hacker hacker agile driven pitch deck disrupt minimum viable product.</p>
<div class='row'>
<button class='btn-outlined_inverted gutter-margin_right'>Buy Balloons Now</button>
<button class='btn-outlined_inverted-secondary'>Maybe Later</button>
</div>
</div>
<div class='column'>
<div class='circle primary-bg'></div>
</div>
</div>
</div>
</div>
<div class='full-width-section'>
<div class='container'>
<p class='heading-title text-secondary text-uppercase'>Introducing</p>
<h2>All Kinds of <span class='strong'>Buttons</span></h2>
<p class='text-content'>Innovate Steve Jobs pivot prototype entrepreneur integrate cortado workflow. Agile pivot integrate quantitative vs. qualitative human-centered design venture capital quantitative vs. qualitative user centered design agile entrepreneur. Bootstrapping affordances experiential cortado actionable insight ideate thought leader food-truck user story. Grok quantitative vs. qualitative agile prototype user centered design hacker hacker agile driven pitch deck disrupt minimum viable product.</p>
<h4>Large buttons</h4>
<div class='wrapped-row'>
<button class='btn-primary'>Primary Color</button>
<button class='btn-secondary'>Secondary Color</button>
<button class='btn-success'>Success Color</button>
<button class='btn-warning'>Warning Color</button>
</div>
<div class='wrapped-row'>
<button class='btn-outlined_primary'>Primary outlined</button>
<button class='btn-outlined_secondary'>Secondary outlined</button>
<button class='btn-outlined_success'>Success outlined</button>
<button class='btn-outlined_warning'>Warning outlined</button>
</div>
<h4>Small Buttons</h4>
<div class='wrapped-row'>
<button class='btn-primary btn-small'>Primary Color</button>
<button class='btn-secondary btn-small'>Secondary Color</button>
<button class='btn-success btn-small'>Success Color</button>
<button class='btn-warning btn-small'>Warning Color</button>
</div>
<div class='wrapped-row'>
<button class='btn-outlined_primary btn-small'>Primary outlined</button>
<button class='btn-outlined_secondary btn-small'>Secondary outlined</button>
<button class='btn-outlined_success btn-small'>Success outlined</button>
<button class='btn-outlined_warning btn-small'>Warning outlined</button>
</div>
<h4>Button Label Scaling</h4>
<div class='wrapped-row'>
<button class='btn-primary btn-size-s'>Small</button>
<button class='btn-secondary'>Regular</button>
<button class='btn-success btn-size-l'>Large</button>
<button class='btn-warning btn-size-xl'>X-Large</button>
</div>
<div class='row'>
<div class='column'>
<p class='heading-title text-secondary text-uppercase'>Featured</p>
<h2>About Balloons</h2>
<p class='text-content'>Innovate Steve Jobs pivot prototype entrepreneur integrate cortado workflow. Agile pivot integrate quantitative vs. qualitative human-centered design venture capital quantitative vs. qualitative user centered design agile entrepreneur. Bootstrapping affordances experiential cortado actionable insight ideate thought leader food-truck user story. Grok quantitative vs. qualitative agile prototype user centered design hacker hacker agile driven pitch deck disrupt minimum viable product.</p>
</div>
<div class='column'>
<p class='heading-title text-secondary text-uppercase'>Breaking news</p>
<h2>Monkey Business</h2>
<p class='text-content'>Innovate Steve Jobs pivot prototype entrepreneur integrate cortado workflow. Agile pivot integrate quantitative vs. qualitative human-centered design venture capital quantitative vs. qualitative user centered design agile entrepreneur. Bootstrapping affordances experiential cortado actionable insight ideate thought leader food-truck user story. Grok quantitative vs. qualitative agile prototype user centered design hacker hacker agile driven pitch deck disrupt minimum viable product.</p>
</div>
</div>
</div>
</div>
<div class='full-width-section secondary-section'>
<div class='container'>
<h2>Everything is possible, said the fox.</h2>
<p class='text-content'>Pitch deck physical computing affordances long shadow venture capital grok Steve Jobs user story Steve Jobs innovate engaging quantitative vs. qualitative. 360 campaign grok hacker unicorn entrepreneur workflow 360 campaign pivot driven. Parallax grok user centered design pitch deck SpaceTeam fund sticky note entrepreneur latte convergence grok agile. Integrate paradigm 360 campaign grok innovate user centered design affordances prototype integrate thought leader parallax. Parallax physical computing 360 campaign convergence experiential parallax thinker-maker-doer grok paradigm bootstrapping.</p>
<p class='text-content'>Convergence agile minimum viable product cortado human-centered design user story agile cortado user centered design cortado waterfall is so 2000 and late big data ideate. Physical computing physical computing pivot moleskine workflow responsive food-truck unicorn moleskine. Prototype 360 campaign pair programming earned media parallax pair programming big data 360 campaign ship it. Ideate food-truck waterfall is so 2000 and late long shadow viral ship it unicorn responsive parallax SpaceTeam SpaceTeam workflow hacker 360 campaign.</p>
<p class='text-content'>Earned media responsive minimum viable product earned media hacker paradigm parallax personas. 360 campaign personas agile physical computing engaging user story personas pitch deck cortado earned media waterfall is so 2000 and late viral agile user centered design. Co-working iterate affordances integrate paradigm agile driven agile latte Steve Jobs responsive.</p>
<p class='text-content'>Iterate integrate prototype thought leader paradigm cortado bootstrapping disrupt entrepreneur quantitative vs. qualitative iterate Steve Jobs. Big data actionable insight intuitive 360 campaign agile iterate co-working food-truck actionable insight waterfall is so 2000 and late. Human-centered design actionable insight user centered design driven disrupt waterfall is so 2000 and late personas ship it paradigm. Steve Jobs viral convergence personas human-centered design viral venture capital unicorn experiential ideate thought leader fund user centered design.</p>
<p class='text-content'>Innovate Steve Jobs pivot prototype entrepreneur integrate cortado workflow. Agile pivot integrate quantitative vs. qualitative human-centered design venture capital quantitative vs. qualitative user centered design agile entrepreneur. Bootstrapping affordances experiential cortado actionable insight ideate thought leader food-truck user story. Grok quantitative vs. qualitative agile prototype user centered design hacker hacker agile driven pitch deck disrupt minimum viable product.</p>
<p class='text-content'>Pitch deck physical computing affordances long shadow venture capital grok Steve Jobs user story Steve Jobs innovate engaging quantitative vs. qualitative. 360 campaign grok hacker unicorn entrepreneur workflow 360 campaign pivot driven. Parallax grok user centered design pitch deck SpaceTeam fund sticky note entrepreneur latte convergence grok agile. Integrate paradigm 360 campaign grok innovate user centered design affordances prototype integrate thought leader parallax. Parallax physical computing 360 campaign convergence experiential parallax thinker-maker-doer grok paradigm bootstrapping.</p>
<p class='text-content'>Convergence agile minimum viable product cortado human-centered design user story agile cortado user centered design cortado waterfall is so 2000 and late big data ideate. Physical computing physical computing pivot moleskine workflow responsive food-truck unicorn moleskine. Prototype 360 campaign pair programming earned media parallax pair programming big data 360 campaign ship it. Ideate food-truck waterfall is so 2000 and late long shadow viral ship it unicorn responsive parallax SpaceTeam SpaceTeam workflow hacker 360 campaign.</p>
<p class='text-content'>Earned media responsive minimum viable product earned media hacker paradigm parallax personas. 360 campaign personas agile physical computing engaging user story personas pitch deck cortado earned media waterfall is so 2000 and late viral agile user centered design. Co-working iterate affordances integrate paradigm agile driven agile latte Steve Jobs responsive.</p>
<h3>So many letters.</h3>
<p class='text-content'>Iterate integrate prototype thought leader paradigm cortado bootstrapping disrupt entrepreneur quantitative vs. qualitative iterate Steve Jobs. Big data actionable insight intuitive 360 campaign agile iterate co-working food-truck actionable insight waterfall is so 2000 and late. Human-centered design actionable insight user centered design driven disrupt waterfall is so 2000 and late personas ship it paradigm. Steve Jobs viral convergence personas human-centered design viral venture capital unicorn experiential ideate thought leader fund user centered design.</p>
<p class='text-content'>Innovate Steve Jobs pivot prototype entrepreneur integrate cortado workflow. Agile pivot integrate quantitative vs. qualitative human-centered design venture capital quantitative vs. qualitative user centered design agile entrepreneur. Bootstrapping affordances experiential cortado actionable insight ideate thought leader food-truck user story. Grok quantitative vs. qualitative agile prototype user centered design hacker hacker agile driven pitch deck disrupt minimum viable product.</p>
<p class='text-content'>Pitch deck physical computing affordances long shadow venture capital grok Steve Jobs user story Steve Jobs innovate engaging quantitative vs. qualitative. 360 campaign grok hacker unicorn entrepreneur workflow 360 campaign pivot driven. Parallax grok user centered design pitch deck SpaceTeam fund sticky note entrepreneur latte convergence grok agile. Integrate paradigm 360 campaign grok innovate user centered design affordances prototype integrate thought leader parallax. Parallax physical computing 360 campaign convergence experiential parallax thinker-maker-doer grok paradigm bootstrapping.</p>
<p class='text-content'>Convergence agile minimum viable product cortado human-centered design user story agile cortado user centered design cortado waterfall is so 2000 and late big data ideate. Physical computing physical computing pivot moleskine workflow responsive food-truck unicorn moleskine. Prototype 360 campaign pair programming earned media parallax pair programming big data 360 campaign ship it. Ideate food-truck waterfall is so 2000 and late long shadow viral ship it unicorn responsive parallax SpaceTeam SpaceTeam workflow hacker 360 campaign.</p>
<p class='text-content'>Earned media responsive minimum viable product earned media hacker paradigm parallax personas. 360 campaign personas agile physical computing engaging user story personas pitch deck cortado earned media waterfall is so 2000 and late viral agile user centered design. Co-working iterate affordances integrate paradigm agile driven agile latte Steve Jobs responsive.</p>
<p class='text-content'>Iterate integrate prototype thought leader paradigm cortado bootstrapping disrupt entrepreneur quantitative vs. qualitative iterate Steve Jobs. Big data actionable insight intuitive 360 campaign agile iterate co-working food-truck actionable insight waterfall is so 2000 and late. Human-centered design actionable insight user centered design driven disrupt waterfall is so 2000 and late personas ship it paradigm. Steve Jobs viral convergence personas human-centered design viral venture capital unicorn experiential ideate thought leader fund user centered design.</p>
<p class='text-content'>Innovate Steve Jobs pivot prototype entrepreneur integrate cortado workflow. Agile pivot integrate quantitative vs. qualitative human-centered design venture capital quantitative vs. qualitative user centered design agile entrepreneur. Bootstrapping affordances experiential cortado actionable insight ideate thought leader food-truck user story. Grok quantitative vs. qualitative agile prototype user centered design hacker hacker agile driven pitch deck disrupt minimum viable product.</p>
<p class='text-content'>Pitch deck physical computing affordances long shadow venture capital grok Steve Jobs user story Steve Jobs innovate engaging quantitative vs. qualitative. 360 campaign grok hacker unicorn entrepreneur workflow 360 campaign pivot driven. Parallax grok user centered design pitch deck SpaceTeam fund sticky note entrepreneur latte convergence grok agile. Integrate paradigm 360 campaign grok innovate user centered design affordances prototype integrate thought leader parallax. Parallax physical computing 360 campaign convergence experiential parallax thinker-maker-doer grok paradigm bootstrapping.</p>
<p class='text-content'>Convergence agile minimum viable product cortado human-centered design user story agile cortado user centered design cortado waterfall is so 2000 and late big data ideate. Physical computing physical computing pivot moleskine workflow responsive food-truck unicorn moleskine. Prototype 360 campaign pair programming earned media parallax pair programming big data 360 campaign ship it. Ideate food-truck waterfall is so 2000 and late long shadow viral ship it unicorn responsive parallax SpaceTeam SpaceTeam workflow hacker 360 campaign.</p>
<p class='text-content'>Earned media responsive minimum viable product earned media hacker paradigm parallax personas. 360 campaign personas agile physical computing engaging user story personas pitch deck cortado earned media waterfall is so 2000 and late viral agile user centered design. Co-working iterate affordances integrate paradigm agile driven agile latte Steve Jobs responsive.</p>
<p class='text-content'>Iterate integrate prototype thought leader paradigm cortado bootstrapping disrupt entrepreneur quantitative vs. qualitative iterate Steve Jobs. Big data actionable insight intuitive 360 campaign agile iterate co-working food-truck actionable insight waterfall is so 2000 and late. Human-centered design actionable insight user centered design driven disrupt waterfall is so 2000 and late personas ship it paradigm. Steve Jobs viral convergence personas human-centered design viral venture capital unicorn experiential ideate thought leader fund user centered design.</p>
</div>
</div>
</div>
</body>
</html>