HTML, CSS, Javascript, Bootstrap, PSD to HTML Design

Course Price: 18000 Taka | Course Duration: 5 Months

Day Batch: Start Date: 11 August | Days: Fri, Sat | Time: 3:30pm – 6:00pm

Evening Batch: Start Date: 19th August | Days: Tue, Wed | Time: 6:30pm -8:30 pm

Training Overview

In this HTML Training you will learn step by step HTML basic to advance, and how to execute HTML script on your server. After finished this HTML course you can build interactive web pages with HTML.

In this CSS Course we will show you the way of learning CSS step by step basic to advance with the part of CSS training. CSS training is made up for students who want to deepen their knowledge of CSS. We will show you best way to learn Secret of Excellent Web Pages Design with our hands-on oriented CSS lessons.

Bootstrap basic to design a page.

In this PHP course we will show you the way of learning PHP all syntax Variables, Operators, Arrays, Statements, Loops, Functions with practical example.

WordPress details are given below-


There are no pre-requisites for the beginner HTML+ CSS Training. We assume that all students in our beginner classes start with no HTML or CSS experience.

Training Materials

All related software and useful references will provide in class.

HTML Portion

HTML and The Web

  • Web Pages
  • Browsers
  • Web servers
  • Planning a simple design
  • Writing some HTML
  • Saving your page
  • Viewing your page
  • Editing an Existing Web Page
  • Posting Your Page Online

HTML Document Structure

  • The <html> element
  • Document Header
  • Page Title
  • Metadata
  • The <body> tag
  • Essential Elements
  • Formatted paragraphs

Text and Lists

  • Formatting Text
  • Paragraphs
  • Headings
  • Controlling Text Blocks
  • Preformatted text
  • Quoted text
  • Horizontal rules
  • Numbered lists
  • Bulleted lists
  • Defi nition lists
  • Nesting lists

Linking to Online Resources

  • Basic Links
  • Link options
  • Customizing Links
  • New windows
  • Locations in Web pages
  • Non-HTML resources

Using Images

  • The Role of Images in a Web Page
  • Creating Web-Friendly Images
  • Adding an Image to a Web Page
  • Image location
  • Using the <img /> element
  • Adding alternative and title text
  • Specifying image size
  • Image borders and alignment
  • Building image maps

HTML Tables

  • HTML <table>, <tr>, <td> tag
  • Border Attribute
  • HTML Table <th> tag
  • HTML Table <caption> tag
  • HTML Table <colgroup> tag
  • HTML Table <col> tag
  • HTML Table <thead>, <tbody> tag
  • HTML Table <tfoot> tag

HTML Block Elements

  • HTML <div> Element
  • HTML <span> Element
  • HTML Layouts


  • Inline Styles
  • Background Color
  • Font, Color and Size
  • Text Alignment
  • Internal Style Sheet
  • External Style Sheet

Working with Forms

  • Uses for Forms
      -Search forms
      -Data collection forms
  • Creating Forms
      -Input tags
      -Input fields
  • Processing forms on your pages
  • Designing User-Friendly Forms

CSS Portion

CSS Basic

  • Improving HTML
  • Getting Efficient with CSS
  • CSS Tools
  • Avoiding Browser Compatibility Problems
  • Starting from Scratch
  • CSS Syntax
  • Showing Some Class
  • Specifying Properties
  • Using an ID Selector

Up and Running with Selectors

  • Working with Universal Selectors
  • Using Multiple Declarations
  • Using Attributes as Selectors
  • The Simplest Attribute Selector
  • Building Your First Style Sheet
  • Creating an External Cascading Style Sheet
  • Adding New Selectors

CSS Position

  • Relativity
  • Flow Versus Positioning, Floating Versus Coordinates
  • Controlling Layout with Offsetting
  • Moving Deeper into Positioning
  • Stacking Elements on Top of Each Other with the Z-Axis
  • Combining Stacking with Translucence

CSS Text

  • User Interfaces
  • Substituting Fonts
  • Using Font Variants
  • Specifying Font Weight
  • Using the Font-Variant for Small Caps
  • Simple Font-Style
  • Choosing the Right Typeface Size
  • Specifying Absolute Measured Sizes
  • Adjusting Line Height
  • Decorating Text with Underlining and Strikethrough
  • Transforming Text with Capitalization
  • Shading with Drop-Shadowing

Managing Details in Style Sheets

  • Specifying Size and Position
  • Figuring the Percentages
  • Adding Color
  • Coloring the Background

Web Design Basics

  • Organizing with White Space
  • Adding Drop Caps
  • Trapping White Space
  • Getting a Grip on Boxes
  • Vertical Positioning
  • Horizontal Positioning
  • Breaking Up Text with Horizontal Lines

Organizing Your Web Pages Visually

  • Managing Borders
  • Specifying a simple border
  • Choosing from lotsa border styles
  • Mixing and matching styles
  • Specifying border width
  • Coloring a border
  • Floating About
  • Employing Auto to Control Layout
  • Vertical Positioning with Auto
  • Handling Inline Elements

Handling Tables and Lists

  • Getting exotic with the list-style-image property
  • Positioning lists
  • Managing Tables
  • Employing the table-layout property
  • Doing Without Tables
  • Creating Columns that Resize with the Browser
  • Building Fixed Columns


  • Introduction to JavaScript
  • Variables
  • Operators
  • Data Type
  • Functions


jQuery Basics with Example & Selectors

  • About jQuery
  • How jQuery Works
  • jQuery: The Basics
  • Launching Code and Complete Examples
  • Using selectors and events
  • Selectors
  • Basics & Hierarchy
  • Basic, Content, Visibility, Attribute & Child Filters
  • Forms & Form Filters


  • Grid system
  • Typography
  • Forms
  • Responsive images
  • Glyphicon
  • Dropdowns
  • Button
  • Navbar
  • Breadcrumbs
  • Label
  • Badges
  • Jumbotron
  • Alerts
  • Panel
  • Table
  • List group
  • Page header
  • Mixing and matching styles
  • Specifying border width
  • Coloring a border
  • Floating About
  • Employing Auto to Control Layout
  • Vertical Positioning with Auto
  • Handling Inline Elements


  • In this portion we will teach you everything to convert a PSD design into HTML Template

After successfully complate this course you will be able to work as a freelancer in online marketplace and you also be able to work in our local IT companies.