@@ -143,7 +143,7 @@ <h4 class="bullet-title m-0">Designed with care for beginners</h4>
143143
144144< div class ="spacer "> </ div >
145145
146- < div class ="container "style ="justify-content: center "data-aos ="fade-down "data-aos-duration ="1800 "data-aos-delay ="3000 "data-aos-offset ="-800px ">
146+ < div class ="container flex "style ="justify-content: center "data-aos ="fade-down "data-aos-duration ="1800 "data-aos-delay ="3000 "data-aos-offset ="-800px ">
147147< div id ="scroll-animation ">
148148< a href ="#header-end-anchor "> < span > </ span > </ a >
149149</ div >
@@ -152,8 +152,10 @@ <h4 class="bullet-title m-0">Designed with care for beginners</h4>
152152
153153</ section >
154154
155- < section id ="email-newsletter "data-aos ="fade-up "data-aos-duration ="800 "data-aos-offset ="300 ">
156- < div class ="container center-content ">
155+
156+
157+ < section id ="demo-vid "data-aos ="fade-up "data-aos-duration ="800 "data-aos-offset ="300 ">
158+ < div class ="container flex center-content ">
157159< div >
158160< h2 > Watch a demo of the features and benefits:</ h2 >
159161
@@ -162,13 +164,13 @@ <h2>Watch a demo of the features and benefits:</h2>
162164allowfullscreen > </ iframe >
163165</ div >
164166</ div >
167+ </ section >
165168
166- < div class ="spacer "> </ div >
167-
168- < div class ="container "data-aos ="fade-right "data-aos-delay ="0 ">
169+ < section id ="email-newsletter "data-aos ="fade-up "data-aos-duration ="800 "data-aos-offset ="300 ">
170+ < div class ="container flex "data-aos ="fade-right "data-aos-delay ="0 ">
169171 {% include "messages.html" %}
170172</ div >
171- < div class ="container ">
173+ < div class ="container flex ">
172174< div class ="col ">
173175< h2 class ="marginless text-right "> Want to receive updates about futurecoder?</ h2 >
174176</ div >
@@ -182,7 +184,7 @@ <h2 class="marginless text-right">Want to receive updates about futurecoder?</h2
182184</ section >
183185
184186< section id ="about ">
185- < div class ="container "data-aos ="fade-up "data-aos-delay ="100 "data-aos-duration ="800 "data-aos-offset ="50 ">
187+ < div class ="container flex "data-aos ="fade-up "data-aos-delay ="100 "data-aos-duration ="800 "data-aos-offset ="50 ">
186188< div class ="col ">
187189< img class ="floating-anim-6 "id ="about-logo "src ="{% static 'logo/bordered.png' %} ">
188190</ div >
@@ -211,7 +213,7 @@ <h5>We mean to achieve this by:</h5>
211213</ section >
212214
213215< section id ="contribute "data-aos ="fade-up "data-aos-duration ="800 ">
214- < div class ="container ">
216+ < div class ="container flex ">
215217< div class ="col ">
216218< p class ="text-right ">
217219 This is very much a work in progress. While most of the
@@ -252,7 +254,7 @@ <h2 class="marginless">Interested in contributing?</h2>
252254 </g>
253255 </svg -->
254256</ div >
255- < div class ="container ">
257+ < div class ="container flex ">
256258< div class ="site-footer-inner has-top-divider ">
257259< div class ="footer-copyright "> © 2020</ div >
258260<!--ul class="footer-social-links list-reset">