-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcomponents_view.html
More file actions
183 lines (179 loc) · 9.97 KB
/
components_view.html
File metadata and controls
183 lines (179 loc) · 9.97 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
<!DOCTYPE html>\n
<html lang=\"eng\">\n
<head>\n
<meta charset=\"utf-8\">
\n <title>Responsive Foundation Framer Components</title>\n
</head>
\n
<body>\n\n\n\n\n\n\n\n\n
<div data-coffeebuilder-container=\"true\" class=\"container gallery-wrapper\" data-cb-component-id=\"cb-component-0\" data-cb-component-type=\"Container\" data-cb-component-name=\"Image Gallery -
Sobre\" data-cb-component-elementname=\"Container\" data-cb-component-description=\"Toggle the hidden containers with
pictures on the Inspector or directly select the image there to swap them out.\n\nFor more advanced galleries and
slideshows check out Responsive Content Slider: \nhttp://www.coffeecup.com/responsive-content-slider/\"
data-cb-component-uuid=\"0d99e8cc-b092-4eb8-aa5f-f958c0f53b4e\">
<div data-coffeebuilder-container=\"true\" class=\"container gallery-content\
">
<div data-coffeebuilder-container=\"true\" class=\"container main-image-wrapper\
" id=\"image-1\" data-animate=\"slide-in-right slide-out-left\" data-toggler=\"\" data-closable=\"\"
data-outline-closed=\"\" style=\"\">
<div class=\"responsive-picture main-image\
">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-9.jpg?id=24&cache=1487956597170\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container main-image-wrapper\
" data-closable=\"\" data-animate=\"slide-in-right slide-out-left\" data-toggler=\"\" id=\"image-2\"
data-outline-closed=\"\" style=\"\">
<div class=\"responsive-picture main-image\
">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-10.jpg?id=18&cache=1487956597136\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container main-image-wrapper\
" data-closable=\"\" data-animate=\"slide-in-right slide-out-left\" data-toggler=\"\" id=\"image-3\">
<div class=\"responsive-picture main-image\
">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-11.jpg?id=19&cache=1487956597145\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container main-image-wrapper\
" id=\"image-4\" data-closable=\"\" data-animate=\"slide-in-right slide-out-left\" data-toggler=\"\"
data-outline-closed=\"\" style=\"\">
<div class=\"responsive-picture main-image\
">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-14.jpg?id=22&cache=1487956597160\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container main-image-wrapper\
" id=\"image-5\" data-closable=\"\" data-animate=\"slide-in-right slide-out-left\" data-toggler=\"\"
data-outline-closed=\"\" style=\"\">
<div class=\"responsive-picture main-image\
">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-12.jpg?id=20&cache=1487956597150\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container main-image-wrapper\
" id=\"image-6\" data-closable=\"\" data-animate=\"slide-in-right slide-out-left\" data-toggler=\"\"
data-outline-closed=\"\" style=\"\">
<div class=\"responsive-picture main-image\
">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-13.jpg?id=21&cache=1487956597154\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div class=\"responsive-picture main-image\
" id=\"placer\">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-15.jpg?id=23&cache=1487956597166\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container thumbnails-row\
" data-outline-closed=\"\">
<div data-coffeebuilder-container=\"true\" class=\"container thumbnail-cont button\
">
<div class=\"responsive-picture thumbnail-img\
" data-toggle=\"image-1\" data-close=\"image-2 image-3 image-4 image-5 image-6\">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-9.jpg?id=24&cache=1487956597170\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container thumbnail-cont button\
">
<div class=\"responsive-picture thumbnail-img\
" data-toggle=\"image-2\" data-close=\"image-1 image-3 image-4 image-5 image-6\">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-10.jpg?id=18&cache=1487956597136\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container thumbnail-cont button\
">
<div class=\"responsive-picture thumbnail-img\
" data-toggle=\"image-3\" data-close=\"image-1 image-2 image-4 image-5 image-6\">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-11.jpg?id=19&cache=1487956597145\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container thumbnail-cont button\
">
<div class=\"responsive-picture thumbnail-img\
" data-toggle=\"image-4\" data-close=\"image-1 image-2 image-3 image-5 image-6\">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-14.jpg?id=22&cache=1487956597160\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container thumbnail-cont button\
">
<div class=\"responsive-picture thumbnail-img\
" data-toggle=\"image-5\" data-close=\"image-1 image-2 image-3 image-4 image-6\">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-12.jpg?id=20&cache=1487956597150\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div data-coffeebuilder-container=\"true\" class=\"container thumbnail-cont button\
">
<div class=\"responsive-picture thumbnail-img\
" data-toggle=\"image-6\" data-close=\"image-1 image-2 image-3 image-4 image-5\">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/gallery-images/rsd-2-landing-13.jpg?id=21&cache=1487956597154\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div></div></div>
<div class=\"row top-section container row-type\
" data-coffeebuilder-container=\"true\" data-cb-component-id=\"cb-component-1\" data-cb-component-type=\"Container\"
data-cb-component-name=\"Hero Background Video\" data-cb-component-elementname=\"Container\"
data-cb-component-description=\"Using fixed positioning, this Component has been designed to be placed at the top of the
page. \n\nNavigation elements can be added to the top column. Also checkout our other background video components to
learn how they can be customized.\" data-cb-component-uuid=\"f9383a0f-bcea-483e-8491-b18d088cb14e\">
<div class=\"columns small-12 nav-col container column-type\
" data-coffeebuilder-container=\"true\">
<div data-coffeebuilder-container=\"true\" class=\"container centerer\
">
<div class=\"responsive-picture logo\
">
<picture><img alt=\"Placeholder Picture\"
srcset=\"http://www.coffeecup.com/images/branding/hanging_logo_banner_large.png\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div></div>
<div class=\"columns small-12 video-hero container column-type\
" data-coffeebuilder-container=\"true\">
<div class=\"video-1 vimeo responsive-video\
" data-original-url=\"https://player.vimeo.com/video/213948570?autoplay=1&loop=1&title=0&byline=0&portrait=0\"
data-coffeebuilder-htmlelement=\"true\" data-htmlembed=\"1\"></div>
<div data-coffeebuilder-container=\"true\" class=\"container coffeebuilder_empty overlay\
" data-outofview=\"true\"></div></div>
<div class=\"columns small-12 action-overlay container column-type\
" data-coffeebuilder-container=\"true\">
<div data-coffeebuilder-container=\"true\" class=\"container action-wrapper\
"><h4 class=\"hero-pre-header\">we are the Responsive Web & Email Solutions company</h4>
<h1 class=\"hero-title\">COFFEECUP software</h1>
<div class=\"rule hero-separator\
">
<hr>
</div><p class=\"paragraph hero-text\">Millions of developers and designers use CoffeeCup Apps to speed up their
workflow and create better digital experiences through faster iterations. Oh, we are also still known for making
the world's 1st HTML Editor in 1996.</p><a class=\"link-button hero-action smooth-scroll\" href=\"#scroll-target\"
data-outofview=\"true\" data-coffeebuilder-display-inline=\"inline\">Get our free app</a></div></div>
<div class=\"columns small-12 hero-content container column-type\
" id=\"scroll-target\" data-coffeebuilder-container=\"true\"><h1>Design visually with Foundation 6. For free!</h1>
<p class=\"paragraph hero-seconday-text\">Foundation 6 is one of the most popular front-end frameworks. And for good
reason! Our Framer App helps novices to get started, while speeding up the workflow for more experienced website
creators. </p>
<div class=\"responsive-picture hero-content-img\
">
<picture><img alt=\"Placeholder Picture\" srcset=\"./component-images/foundation-framer.png?id=21&cache=1492708894980\"
data-coffeebuilder-display-inline=\"inline\">
</picture>
</div></div>
<div class=\"columns small-12 action-col container column-type\
" data-coffeebuilder-container=\"true\"><a class=\"link-button button download\" href=\"#\"
data-coffeebuilder-display-inline=\"inline\">Download Free Foundation Framer</a><p class=\"paragraph features\">Custom
Breakpoints / Width Slider / Prebuilt Components / save custom components / Symbol Syncing / Visual Layout (grid)
Management / Intuitive Design Controls / Drag-n-drop Elements / CSS filters & blend modes / CSS Columns / Responsive
images</p></div></div></body>
\n
</html>