A test site for Responsive Webdesign

A nuclear testsite....

This page is for testing layout an design - not at least my css and some Jquery scripting.

One problem is to make the design looks reasonable on different devices. Now a days this is not just about desktop screen and mobile phones, but everything in between as tablets , Ipad etc.


Responsive webdesign has been the boss-word for some years now- and this is my test-site for my responsive design.


Please give respons if this page looks terrible on your particular device ..

News & information

Der er:  1 info meddelelser:.

Your own homepage ...

18-09-2016 08:34:58

Why not have your own webpage where you can keep your favorite photos and other stuff that you dont want to share with Facebook and others ..


Portrait format

  • Pictures from Greece by otto leholt
    IMG_8833.jpg    | 116 Kb
  • Pictures from Greece by otto leholt
    IMG_8834.jpg    | 153 Kb
  • Pictures from Greece by otto leholt
    IMG_8837.jpg    | 134 Kb
  • Pictures from Greece by otto leholt
    IMG_8839.jpg    | 118 Kb
  • Pictures from Greece by otto leholt
    IMG_8859.jpg    | 127 Kb

figure class=slider-box

Folder-slide-1

  • Pictures from Greece by otto leholt
    Bali-993.jpg
  • Pictures from Greece by otto leholt
    glyfada_corfu.jpg
  • Pictures from Greece by otto leholt
    greek dinner at the grill house - Pa
  • Pictures from Greece by otto leholt
    Heavens Tempel - Beijing.jpg
  • Pictures from Greece by otto leholt
    IMG_20180704_162331.jpg
  • Pictures from Greece by otto leholt
    Koo-phi-phi in Thailand 1991.jpg
  • Pictures from Greece by otto leholt
    omelet.jpg
  • Pictures from Greece by otto leholt
    Pangandaran- sydkysten af Java 1990.
  • Pictures from Greece by otto leholt
    Pangandaran-Java-Indonesia-1993.jpg
  • Pictures from Greece by otto leholt
    Soulaki - in beach cafe - Paleochora

The image slider shows any pictures you upload to the specific folder

  • Pictures from Greece by otto leholt
    a-image-slider-2.jpg    | 27 Kb
  • Pictures from Greece by otto leholt
    frappe.jpg    | 89 Kb
  • Pictures from Greece by otto leholt
    fruitsalad-anidri.jpg    | 105 Kb
  • Pictures from Greece by otto leholt
    IMG_4065.jpg    | 103 Kb
  • Pictures from Greece by otto leholt
    IMG_7208.jpg    | 77 Kb
  • Pictures from Greece by otto leholt
    nescafe.jpg    | 161 Kb
  • Pictures from Greece by otto leholt
    paleochora-second 187.jpg    | 80 Kb

Figure class= slider-box (Height auto)

slider-img.asp

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

paragraf p gives this text format

new line after P

test af link

Unordered list

  • first paragraph
  • second paragraph
  • third paragraph
  • using the class=text

Ordered list

  1. first paragraph
  2. second paragraph
  3. third paragraph
  4. using the class=text

Font-types

Raleway 1.0em

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

calibri 1.0em

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

candara 1.0em

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

YouTube video

Slide up and down

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

www.leholt.dk

w3-button

Text from database

Page 2

This text can be edited from administration module .

Click 'admin' in the button of the page - password is 'otto'.
Check out all the possibilities for editing , uploading photos etc

Page 3


Articel 3 - can be edited from admin-module

12 grid layout

12 grid layout

New 2 dimensional grid layout

Animation ....
test cache - expires 1440 min ... ny text ... expire ændret til 1 min herefter ny text her

Screen width

Her et billede uden box - men inden for col-4 :

denne bocx er width= auto

denne bocx er 200 px width

denne bocx er 260 px width

denne bocx er 300 px width

denne bocx er 350 px width