WEBVTT

00:00:07.030 --> 00:00:14.940
In this session we are going to create and live web sites from scratch using ASML CSSA and bootstrap

00:00:14.940 --> 00:00:15.710
.

00:00:15.870 --> 00:00:21.390
This is another great opportunity for you to practice what you have learnt in the complete web development

00:00:21.420 --> 00:00:29.220
course our Web sites this time is going to be an attractive app landing page that will lead your users

00:00:29.460 --> 00:00:36.240
through a link to explore great functionalities of an app that you are selling on the App Store or Google

00:00:36.240 --> 00:00:43.950
Play if they like it then will be able to be redirected from your page to the App Store or Google Play

00:00:44.160 --> 00:00:46.530
to purchase the app.

00:00:46.530 --> 00:00:53.510
Our Web site is going to consist of a few elements as we go into build using ASML than style them using

00:00:53.530 --> 00:00:55.910
CSSA and bootstrap.

00:00:56.010 --> 00:01:02.220
We're going to have a nice header for our page showing a logo.

00:01:02.220 --> 00:01:09.060
Then we are going to show featured content using a Jumbotron as we have learned in the bulls draft chapter

00:01:09.080 --> 00:01:09.940
.

00:01:09.970 --> 00:01:14.750
We're going to style our Jumbotron using a beautiful background image.

00:01:14.870 --> 00:01:18.380
We're going to show you how to get that image for free.

00:01:18.420 --> 00:01:25.350
We are going to populate our jumbotron with a header and paragraph then we're going to be adding these

00:01:25.350 --> 00:01:31.220
couple of links and signing them using bootstrap classes and synapsis.

00:01:31.820 --> 00:01:37.600
We will use the bootstrap grid system to limit the scope of our texts.

00:01:37.620 --> 00:01:46.140
Also we're going to build a trials section where we're going to be adding a couple of things to the

00:01:46.140 --> 00:01:48.220
App Store and Google Play.

00:01:48.220 --> 00:01:53.370
And I'm going to show you how to get these pictures for free as well and we'll sell them using CSSA

00:01:53.370 --> 00:01:55.740
properties.

00:01:55.740 --> 00:02:01.170
And finally we'll create a nice footer for our page.

00:02:01.180 --> 00:02:07.560
Our website is going to be responsive which means that he's going to be adopting two different device

00:02:07.560 --> 00:02:11.460
sizes.

00:02:11.460 --> 00:02:20.370
So to do this we're going to be using the bootstrap grid system and also we'll use a News VSS feature

00:02:20.610 --> 00:02:23.460
called media queries.

00:02:23.790 --> 00:02:29.310
So if you are ready then you can go to the next video where we're going to be building our website