Responsive Topnav with Dropdown

Resize the browser window to see how it works.

Hover over the dropdown button to open the dropdown menu.

This is a bridge
This bridge is very long
On the road again
This slideshow uses a JQuery script adapted from Pixedelic
Avatar

John Doe

Architect & Engineer

We love that guy

John Doe

Architect & Engineer

We love that guy

Avatar
Avatar

John Doe

Architect & Engineer

We love that guy

John Doe

Architect & Engineer

We love that guy

Avatar
Avatar

John Doe

Architect & Engineer

We love that guy

John Doe

Architect & Engineer

We love that guy

Avatar
Avatar

John Doe

Architect & Engineer

We love that guy

John Doe

Architect & Engineer

We love that guy

Avatar
Avatar

John Doe

Architect & Engineer

We love that guy

John Doe

Architect & Engineer

We love that guy

Avatar

eylul

galerisayfa

Responsive Four Column Layout

Resize the browser window to see the responsive effect (the columns will stack on top of each other instead of floating next to each other, when the screen is less than 600px wide).

Oda Özellikleri

  • Coffee
  • Tea
  • Coca Cola
  • Coffee
  • Tea
  • Coca Cola

{loadmoduleposition 142}

Responsive Iframe

Maintain Aspect Ratio 1:1

Resize the window to see the effect.

os foto galeri

 

 

osfoto galeriii

sayfaduzenle

The City

Chania is the capital of the Chania region on the island of Crete. The city can be divided in two parts, the old town and the modern city.

You will learn more about web layout and responsive web pages in a later chapter.

The City

Chania is the capital of the Chania region on the island of Crete. The city can be divided in two parts, the old town and the modern city.

You will learn more about web layout and responsive web pages in a later chapter.

simple galeri

galerim burada

Dark Striped Table

Combine .table-dark and .table-striped to create a dark, striped table:

Firstname Lastname Email
John Doe This email address is being protected from spambots. You need JavaScript enabled to view it.
Mary Moe This email address is being protected from spambots. You need JavaScript enabled to view it.
July Dooley This email address is being protected from spambots. You need JavaScript enabled to view it.

 

Image

The .img-fluid class makes the image scale nicely to the parent element (resize the browser window to see the effect):