120120 style="width: 100%; height: 100%; object-fit: cover"
121121 />
122122 </picture> -->
123- < div class ="hero-body fixed-grid has-5-cols " style ="position: relative; z-index: 1; ">
123+ < div class ="hero-body fixed-grid has-5-cols " style ="position: relative; z-index: 1 ">
124124 < div class ="grid ">
125- < div class =" cell is-hidden-mobile "> </ div >
126- < div class =" cell py-6 is-col-span-12 is-col-span-3-tablet "> < br /> < br /> </ div >
125+ < div class ="cell is-hidden-mobile "> </ div >
126+ < div class ="cell py-6 is-col-span-12 is-col-span-3-tablet "> < br /> < br /> </ div >
127127
128- < div class =" cell py-6 is-hidden-mobile "> </ div >
129- < div class =" cell is-hidden-mobile "> </ div >
128+ < div class ="cell py-6 is-hidden-mobile "> </ div >
129+ < div class ="cell is-hidden-mobile "> </ div >
130130
131- < div class =" cell is-col-span-12 is-col-span-3-tablet ">
131+ < div class ="cell is-col-span-12 is-col-span-3-tablet ">
132132 < h1 class ="title has-text-white has-text-centered-mobile "> Support us</ h1 >
133133 </ div >
134134
135- < div class =" cell is-hidden-mobile "> </ div >
136- < div class =" cell is-hidden-mobile "> </ div >
135+ < div class ="cell is-hidden-mobile "> </ div >
136+ < div class ="cell is-hidden-mobile "> </ div >
137137
138- < div class =" cell is-col-span-12 is-col-span-3-tablet ">
138+ < div class ="cell is-col-span-12 is-col-span-3-tablet ">
139139 < p class ="subtitle has-text-white has-text-centered-mobile ">
140140 The best way to support our work
141141 < br />
142142 is by becoming a YouTube Supporter.
143143 </ p >
144144 </ div >
145- < div class =" cell is-hidden-mobile "> </ div >
146- < div class =" cell is-hidden-mobile "> </ div >
147- < div class =" cell is-col-span-12 is-col-span-3-tablet has-text-centered-mobile ">
145+ < div class ="cell is-hidden-mobile "> </ div >
146+ < div class ="cell is-hidden-mobile "> </ div >
147+ < div class ="cell is-col-span-12 is-col-span-3-tablet has-text-centered-mobile ">
148148 < div class ="has-text-left-tablet ">
149149 < a
150150 class ="button is-danger has-text-white "
@@ -162,66 +162,76 @@ <h1 class="title has-text-white has-text-centered-mobile">Support us</h1>
162162 </ a >
163163 </ div >
164164 </ div >
165- < div class =" cell is-hidden-mobile "> </ div >
166- < div class =" cell py-6 is-col-span-12 is-col-span-3-tablet has-text-centered-mobile "> </ div >
165+ < div class ="cell is-hidden-mobile "> </ div >
166+ < div class ="cell py-6 is-col-span-12 is-col-span-3-tablet has-text-centered-mobile "> </ div >
167167 </ div >
168168 </ div >
169169 </ section >
170170 </ header >
171171
172172 < main >
173- < div class ="fixed-grid has-5-cols py-6 ">
173+ < div class ="hero-body fixed-grid has-5-cols" style =" position: relative; z-index: 1 ">
174174 < div class ="grid ">
175- < div class ="box cell "> Cell 1</ div >
176- < div class ="box cell is-col-span-3 is-row-span-3 "> Cell 2</ div >
177- < div class ="box cell "> Cell 3</ div >
178- < div class ="box cell "> Cell 4</ div >
179- < div class ="box cell "> Cell 5</ div >
180- < div class ="box cell "> Cell 6 test</ div >
181- < div class ="box cell "> Cell 7</ div >
182- < div class ="box cell "> Cell 8</ div >
183- < div class ="box cell is-col-span-3 is-row-span-3 "> Cell 9</ div >
184- < div class ="box cell "> Cell 10</ div >
185- < div class ="box cell "> Cell 11</ div >
186- < div class ="box cell "> Cell 12</ div >
187- < div class ="box cell "> Cell 13</ div >
188- < div class ="box cell "> Cell 14</ div >
189- < div class ="box cell "> Cell 15</ div >
190- < div class ="box cell is-col-span-3 is-row-span-3 "> Cell 16</ div >
191- < div class ="box cell "> Cell 17</ div >
192- < div class ="box cell "> Cell 18</ div >
193- < div class ="box cell "> Cell 19</ div >
194- < div class ="box cell "> Cell 20</ div >
195- < div class ="box cell "> Cell 21</ div >
196- </ div >
197- </ div >
198- </ main >
175+ < div class ="cell is-hidden-mobile "> </ div >
176+ < div class ="cell is-col-span-12 is-col-span-3-tablet "> < br /> < br /> </ div >
199177
200- < div class ="box " >
201- < h1 class ="title is-4 " > Contact us </ h1 >
178+ < div class ="cell is-hidden-mobile " > </ div >
179+ < div class ="cell is-hidden-mobile " > </ div >
202180
203- < form action ="https://formspree.io/f/mbdplgvl " method ="POST ">
204- < div class ="field ">
205- < label class ="label "> Email</ label >
206- < div class ="control ">
207- < input class ="input " type ="email " name ="email " placeholder ="example@gmail.com " required />
181+ < div class ="cell is-col-span-12 is-col-span-3-tablet ">
182+ < h1 class ="box title has-text-white has-text-centered-mobile "> Our games</ h1 >
208183 </ div >
209- </ div >
210184
211- < div class ="field ">
212- < label class ="label "> Message</ label >
213- < div class ="control ">
214- < textarea class ="textarea " name ="message " placeholder ="Your message " required > </ textarea >
185+ < div class ="cell is-hidden-mobile "> </ div >
186+ < div class ="cell is-hidden-mobile "> </ div >
187+
188+ < div class ="cell is-col-span-12 is-col-span-3-tablet ">
189+ < h1 class ="box title has-text-white has-text-centered-mobile "> Our videos</ h1 >
215190 </ div >
216- </ div >
191+ < div class ="cell is-hidden-mobile "> </ div >
192+ < div class ="cell is-hidden-mobile "> </ div >
193+ < div class ="py-6 cell is-col-span-12 is-col-span-3-tablet has-text-centered-mobile ">
194+ < div class ="box ">
195+ < h1 class ="title has-text-white has-text-centered-mobile "> Contact us</ h1 >
217196
218- < div class ="field ">
219- < div class ="control ">
220- < button class ="button is-dark is-fullwidth " type ="submit "> Submit</ button >
197+ < form action ="https://formspree.io/f/mbdplgvl " method ="POST ">
198+ < div class ="field ">
199+ < label class ="label "> Email</ label >
200+ < div class ="control ">
201+ < input
202+ class ="input "
203+ type ="email "
204+ name ="email "
205+ placeholder ="example@gmail.com "
206+ required
207+ />
208+ </ div >
209+ </ div >
210+
211+ < div class ="field ">
212+ < label class ="label "> Message</ label >
213+ < div class ="control ">
214+ < textarea
215+ class ="textarea "
216+ name ="message "
217+ placeholder ="Your message "
218+ required
219+ > </ textarea >
220+ </ div >
221+ </ div >
222+
223+ < div class ="field ">
224+ < div class ="control ">
225+ < button class ="button is-dark is-fullwidth " type ="submit "> Submit</ button >
226+ </ div >
227+ </ div >
228+ </ form >
229+ </ div >
221230 </ div >
231+ < div class ="cell is-hidden-mobile "> </ div >
222232 </ div >
223- </ form >
224- </ div >
233+ </ div >
234+ </ main >
225235
226236 < footer class ="footer ">
227237 < div class ="content has-text-centered ">
0 commit comments