HTML5 and CSS3 – CSS Exercises

Exercise 1
Create a web with the following information, structure, and visual presentation (HTML –
Exercise 1):

The following image shows the content and the structure of the webpage:
 <h1>

<h2>

<ul>

<h2>

<h2>

<h2>

<h2>

<ul>

The rest of elements are paragraphs of text.

Exercise 2
Create a website with the following information, structure, and visual presentation (HTML –
Exercise 2):
Exercise 3
Create a web page for your curriculum vitae using the following design. On the right column,
some information about the markup and the visual presentation is provided.

CURRICULUM Heading 1: Georgia, color blue,

background light gray, bold, size
VITAE 24px, letter spacing 1.6em, word
spacing 2em, center

PERSONAL DATA Heading 2: Georgia, color dark

Name: Azamat red, size 18px, letter spacing
Surname: Azamat 1.4em
Date of birth: 30.07.74
Place of birth: Bishkek, Kyrgysztan

EDUCATION
2005-2009 Computer Engineering in the Years: bold
Technical University of Kyrgyzstan in
Bishkek

2001-2005 High School “Manas” in Osh

1995-2001 Primary school

PROFESSIONAL EXPERIENCE

2007-2009 Computer teacher in High School in Years: bold

Bishkek

2005-2007 Secretary of Department of Software

 in Technical University of Kyrgyzstan
in Bishkek

Normal text: Arial, color black, size 16px

CSS Exercise 4
Create a web site for your curriculum vitae. You must use a two-column layout and the second
column must be the navigation bar.

Curriculum Vitae Personal data Curriculum Vitae Personal data

Personal data
Education Education
Welcome to my CV!

Name: Azamat
Professional Surname: Azamat Professional
Date of birth: 30.07.74
experience experience
Place of birth: Bishkek, Kyrgysztan