Scribd
Upload
314 views3 pages

Competency/Trend - Nxt/Pages/Bootstrap-L1.Aspx: Sensitivity: Internal & Restricted

This document provides details on hands-on assignments for learning Bootstrap and HTML/CSS topics. It includes 7 topics with 1 assignment for each, for a total of 7 assignments. The topics are Bootstrap, CSS introduction, HTML attributes, new HTML elements, HTML introduction, HTML layouts, and HTML URL encoding. The assignments involve writing code to create outputs like forms, tables, menus and images using Bootstrap, CSS, and HTML. The goal is to practice various Bootstrap and HTML/CSS concepts and skills.

Uploaded by

Parshuram Reddy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
314 views3 pages

Competency/Trend - Nxt/Pages/Bootstrap-L1.Aspx: Sensitivity: Internal & Restricted

This document provides details on hands-on assignments for learning Bootstrap and HTML/CSS topics. It includes 7 topics with 1 assignment for each, for a total of 7 assignments. The topics are Bootstrap, CSS introduction, HTML attributes, new HTML elements, HTML introduction, HTML layouts, and HTML URL encoding. The assignments involve writing code to create outputs like forms, tables, menus and images using Bootstrap, CSS, and HTML. The goal is to practice various Bootstrap and HTML/CSS concepts and skills.

Uploaded by

Parshuram Reddy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Bootstrap– L1: Trend NXT Hands-on Assignments

Estimated Efforts: 2 PDs

Trend NXT URL: https://wipro365.sharepoint.com/sites/ku-practice-4043/CCX-


Competency/TREND.NxT/Pages/Bootstrap-L1.aspx

Author: [email protected]

Date: 30st May 2018

ToC :

Topic Topic Name Sub Topic Min no.of Assignments


No
1 Boot Strap 1
2 CSS How to
3
CSS Id and Class 1

4 CSS Introduction
5 CSS Syntax
6 HTML Attributes 1
7 HTML Basic
8 HTML Blocks
9 HTML CSS
10 HTML Elements 1
11 HTML Formatting
12 HTML Head 1
13 HTML Images
14 HTML Introduction 1
15 HTML Layout
16 HTML Links
17 HTML Lists 1
18 HTML Tables
19 HTML URL Encode
Total Min No of Assignments 7

Sensitivity: Internal & Restricted


Topic 1: Bootstrap – includes (form, html, class, form group and bootstrap styling.

Assignment 1: Write code to achieve below output.


Output:

Topic 2: CSS Introduction, HTML, CSS and CSS syntax

Assignments1: Write CSS to achieve same output as below.

Images

Topic 3: HTML Attributes, HTML Basic, HTML Blocks

Assignment 1: Create a table with DIV Element and apply background-image to odd
number of row internal style and do the font and border styling by calling external css

Topic 4: New HTML Elements, HTML Formatting

Assignment 1: Create a dropdown menu using dropdown menu within a navbar as


displayed below:

Expected
output

Topic 5: HTML Introduction, html head, and html image


Assignment 1: Create a round corner thumbnail image with caption message as display

Sensitivity: Internal & Restricted


Topic 6: HTML Layout, HTML Links, HTML Lists, HTML Tables

Assignment 1: Write code using div to achieve below output. Display of content needs to be in
stripes. Where first element to be clickable.

Topic 7: HTML URL Encode

Assignment 1: write code to encrypt the string message as given below.

Message https://getbootstrap.com/docs/4 https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fgetbootstrap.com%2F


.1/content/images/ docs%2F4.1%2Fcontent%2Fimages%2F

Sensitivity: Internal & Restricted

You might also like