Simple HTML Navbar with CSS Styling using <nav> html5 tag.
LTR Navbar (Left and Right Sides):
Category: Front End
Simple RTL Form Styling
Simple Form Styling
- Padding
- Margin
- Width
- Border
- input[type=text], input[type=password], input[type=submit]
- border
- direction
- color
- font family
- Font Awsome
Related Posts:
Basic Use for FontAwsome V5
Basic Use for FontAwsome V5
- Download the free version.
- Grab & move the CSS file ontawesome-all.css- and web fonts folder into your project
- Reference the CSS in the head tag
- Search for the icon, get its class and int it in your code.
Related Posts:
CSS Class and ID Simple Exercise with Solution
Simple Navbar with Dropdown List & Nice Transition
CSS Class and ID Simple Exercise with Solution
Question:
Using external CSS style sheet, create the following design:
- Main Div as a container for all the following elements. Use #EEE as a background color: It contains:
- First Div:
- Add an id for the div.
- Use an rgba background color. Green value is 9, red is 3, blue is 33, and the alpha value is 0.9.
- Insert your full name using heading one.
- Center your name.
- Use “Comic Sans MS” font.
- Use 30 pixels font size.
- Use ff5722 hex value as a color for the heading.
- Second Div:
Continue reading “CSS Class and ID Simple Exercise with Solution”
HTML Divs Example – Beginner Level
HTML Div Example
Create and style html div.
HTML Tables – Beginner Level
HTML Tables:
- <table>
- <th>
- <td>
- <tr>
- <thead>
- <tbody>
- <tfoot>
- <caption>
- rowspan
- colspan
HTML5 Forms for Beginners
HTML5 Forms for Beginners: form, input (email, text, color, tel, email, submit, reset, file, checkbox, file, range, number, radio, password), textarea, select, option, label, fieldset, legend, required, selected, checked, autofocus, placeholder, readonly.
(15) AngularJs Filters Example (Uppercase, Lowercase, and Date)
In the following example:
We will display the students information in the following format:
- First name: Uppercase
- Last name: Uppercase
- Gender: Uppercase
- Spec: Lowercase
- Level: Uppercase
- Date of Birth (DOB): Date Format
You can refer to AngularJs Date Format Reference to now more about date format.
(14) What are the AngularJs Filters?
– Filters can do the following:
- Format
- Sort
- Filter data
– To apply filter, use pipe (|) character.
– Filters can be used with a directive or binding expression.
– The following is a list of AngularJs filters (Source: AngularJs Filters )
(13) AngularJs ng-repeat example (using module and controller)
We recommend you to review a simple example of ng-repeat directive before reading this post.
In the following example:
- Using AngularJs controller and module, we create an array of students.
- Each student has (first name, last name, gender, specialization, and level) information.
- Then, we display the students information in an html page.
- To display each student information, we use “ng-repeat” directive.
