Question

IS242 Web Application Development 1 Lab Manual Lab5: Bootstrap CSS Library (2) Implement a complete home page using bootstrap as shown in the following page. The page should include: • Arabic content (text direction: from the right to left). • Navbar to access internal links to page sections. • Image slider (3 images). • Jumbotron includes company details. • A row with 4 services that includes images, title, paragraph. • Two rows each has 4 columns to create 8 images gallery that has a transit enlarging effect when the mouse is hovering above the image. • A row with 4 staff rounded images. • A row with two div (6 col for each) • The first div contains contact us details. • The second div contains an email send form. 1Page IS242 Web Application Development 1 Lab Manual ?? ????? ?????? ?? ??????

          IS242 Web Application Development 1
Lab Manual
Lab5: Bootstrap CSS Library (2)
Implement a complete home page using bootstrap as shown in
the following page.
The page should include:
• Arabic content (text direction: from the right to left).
• Navbar to access internal links to page sections.
• Image slider (3 images).
• Jumbotron includes company details.
• A row with 4 services that includes images, title, paragraph.
• Two rows each has 4 columns to create 8 images gallery that
has a transit enlarging effect when the mouse is hovering
above the image.
• A row with 4 staff rounded images.
• A row with two div (6 col for each)
• The first div contains contact us details.
• The second div contains an email send form.
1Page
IS242 Web Application Development 1
Lab Manual
?? ????? ??????
?? ??????

IS242 Web Application Development 1
Lab Manual
Lab5: Bootstrap CSS Library (2)
Implement a complete home page using bootstrap as shown in
the following page.
The page should include:
• Arabic content (text direction: from the right to left).
• Navbar to access internal links to page sections.
• Image slider (3 images).
• Jumbotron includes company details.
• A row with 4 services that includes images, title, paragraph.
• Two rows each has 4 columns to create 8 images gallery that
has a transit enlarging effect when the mouse is hovering
above the image.
• A row with 4 staff rounded images.
• A row with two div (6 col for each)
• The first div contains contact us details.
• The second div contains an email send form.
1Page
IS242 Web Application Development 1
Lab Manual
?? ????? ??????
?? ??????

Added by Charles A.

Question

Please give Ace some feedback