From 14f4818cc4279de6e911189db718339381f03b8a Mon Sep 17 00:00:00 2001 From: Stefan Suhren Date: Mon, 27 Apr 2015 15:13:37 +0200 Subject: Add layout to the sites --- Aufgabe05/categories.html | 24 +++++++------ Aufgabe05/contact.html | 15 +++++--- Aufgabe05/index.html | 19 ++++++---- Aufgabe05/login.html | 50 ++++++++++++++------------ Aufgabe05/productdetails.html | 81 +++++++++++++++++++++++-------------------- Aufgabe05/products.html | 26 +++++++------- Aufgabe05/style.css | 50 +++++++++++++++++++++++++- 7 files changed, 171 insertions(+), 94 deletions(-) diff --git a/Aufgabe05/categories.html b/Aufgabe05/categories.html index c39e02b..ecf50ac 100644 --- a/Aufgabe05/categories.html +++ b/Aufgabe05/categories.html @@ -3,20 +3,22 @@ Categories + +

Categories

- - - - - - - -
Categories
Furniture
+
+
+
Furniture
+
+
+ \ No newline at end of file diff --git a/Aufgabe05/contact.html b/Aufgabe05/contact.html index 1ce7575..4241eb8 100644 --- a/Aufgabe05/contact.html +++ b/Aufgabe05/contact.html @@ -3,13 +3,20 @@ Contact Us + +

Contact us

-

Name: SomeCompany Ltd.
Telephone: +1-555-6383
Address: SomeStreet in Alamo

+
+

Name: SomeCompany Ltd.
Telephone: +1-555-6383
Address: SomeStreet in Alamo

+
+ \ No newline at end of file diff --git a/Aufgabe05/index.html b/Aufgabe05/index.html index 826eb4e..5b4ca7c 100644 --- a/Aufgabe05/index.html +++ b/Aufgabe05/index.html @@ -2,15 +2,22 @@ -Prducts +Home + +

Home

-

This site will rock your chair. The best products from all over the world. - Furniture the like you have never seen. Contact us a get our catalog or login a order direct from our categories.

+
+

This site will rock your chair. The best products from all over the world. + Furniture the like you have never seen. Contact us a get our catalog or login a order direct from our categories.

+
+ \ No newline at end of file diff --git a/Aufgabe05/login.html b/Aufgabe05/login.html index 4a46b08..082f1c0 100644 --- a/Aufgabe05/login.html +++ b/Aufgabe05/login.html @@ -6,29 +6,35 @@ +

Customer login

-
-

User

-
- -
-
- -
-
 
- - -
+
+
+

User

+
+ +
+
+ +
+
 
+ + +
+
+ \ No newline at end of file diff --git a/Aufgabe05/productdetails.html b/Aufgabe05/productdetails.html index 546a77b..16434fa 100644 --- a/Aufgabe05/productdetails.html +++ b/Aufgabe05/productdetails.html @@ -6,45 +6,50 @@ +

Chair

-
-

Chair

-
- - -
-
- - -
-
- - -
-
- - -
-
- - -
-
 
-
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
 
+
+
+ \ No newline at end of file diff --git a/Aufgabe05/products.html b/Aufgabe05/products.html index 63656b7..91c1d37 100644 --- a/Aufgabe05/products.html +++ b/Aufgabe05/products.html @@ -3,21 +3,23 @@ Products + +

Furniture

- - - - - - - -
Furniture
Chair
+
+
+
Chair
+
+
+ \ No newline at end of file diff --git a/Aufgabe05/style.css b/Aufgabe05/style.css index 27cd8b8..ef2ecf2 100644 --- a/Aufgabe05/style.css +++ b/Aufgabe05/style.css @@ -5,11 +5,12 @@ u { } form { + float: left; width: 450px; background-color: #ccc; border: 1px dotted #333; padding: 5px; - margin: 0px auto; + margin: 5px auto; } form h1 { @@ -35,4 +36,51 @@ div.row .formw { div.spacer { clear: both; +} + +body { + width: 90%; + margin: 10px auto; + background-color: #fff; + color: #333; + border: 1px solid gray; + line-height: 130%; +} + +header { + padding: .5em; + background-color: #ddd; + border-bottom: 1px solid gray; +} + +header h1 { + padding: 0; + margin: 0; +} + +nav { + float: left; + width: 160px; + margin: 0; + padding: 1em; +} + +#content { + margin-left: 200px; + border-left: 1px solid gray; + padding: 1em; + max-width: 36em; +} + +footer { + clear: both; + margin: 0; + padding: .5em; + color: #333; + background-color: #ddd; + border-top: 1px solid gray; +} + +#content h2 { + margin: 0 0 .5em 0; } \ No newline at end of file -- cgit v1.2.3-70-g09d2