Subtitle goes here

A test site for Responsive Webdesign

A demo webpage....

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 day this is not just about desktop screen and mobile phones, but everything in between as tablets , Ipad etc.

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

Test pages :

demo/a-flex-box-demo-page.asp

Animate .css

se https://daneden.github.io/animate.css/

a-html-bootstrap-template.html

Animation CSS

Basis style

Headings ....

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading
h6 heading

paragraf p gives this text format

new line after P

Links

www-link

youtube-link

DOCX - dont use class

PPTX - dont use class

Unordered list

  • first paragraph
  • second paragraph
  • third paragraph
  • not using any class

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.

Database integration

db-news-display.asp

Der er:  2 info meddelelser:.

???

d. 22-02-2020 03:21:42

???  


???

d. 13-02-2020 16:05:51

???  


Add News

Database info:

conn_string_database.asp

DB : database.mdb

table: news

FILER:

  1. db-news-display.asp
  2. db-news-add.asp
  3. db-news-add-ac.asp
  4. db-news-update.asp
  5. db-news-update-ac.asp
  6. db-news-del.asp /ol>

    OPdate og delete vikrer men siderne skal opdateres efterfølgende ..? SÆT Response.Expires = 0 DET VIRKER VIST

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

db-contact-form.asp

Your contact info:

db-contact-display.asp

Anvender div class=scroll-data

og span class .db-data-show

Der er   0 kontaktpersoner i telefonlisten.

Sorter efter: Nyeste |Navn |

Andre features

h3 rolldown class

Rolldown - answer

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.

YouTube player clas i P tag

Qu viser hvordan man spiser en fisk - med hoved og hale og det hele !

Folder-slide-3

Using ul id='slider3'
  • 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

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

Diverse ...

12 grid layout

grid test 1

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

CSS Arrows

Right arrow:

Left arrow:

Up arrow:

Down arrow: