diff --git a/css/style.css b/css/style.css index 7c6b4ac..89e1308 100644 --- a/css/style.css +++ b/css/style.css @@ -7,10 +7,63 @@ body { header { height:100px; - background:#dbdbdb; + background:white; width:100%; z-index:10; position:fixed; + border-bottom:1px groove; +} + + +/***** Text *****/ +p { + line-height:150%; +} + +h1 { + font-size:48pt; + font-family: Museo-500; + margin:0 0 40px 0; + width:50%; + padding-top:50px; + color:#DFFOD8 !important; +} + +h2 { + font-size:48pt; + font-family: Museo-500; + margin:0 0 40px 0; + width:150%; + padding-top:50px; +} + +h3 { + font-size:48pt; + font-family: Museo-500; + margin:0 0 40px 0; + width:50%; + padding-top:50px; + color:#ffffcc; +} + +h4 { + font-size:20pt; +} + +a { + line-height:150%; + color:white; + font-family:text; +} + +/****** Fonts ******/ +@font-face { + font-family: 'Museo-500'; + src: url('http://www.fontsaddict.com/fontface/museo-500.otf'); +} +@font-face { + font-family:'text'; + src: url(../fonts/OpenSans-Regular.ttf); } @@ -32,56 +85,114 @@ header { background:#ebebeb; height:300px; } +#welcome { + margin-left:18%; + margin-top:10% +} /***** Header *****/ #logo { float:left; - height:100%; - width:20%; - margin-left:0.5%; + height:90%; + width:371px; + margin-left:10%; + margin-top:0.2%; } #nav { - float:right; + float:left; + display:block; + margin:50px 0 0 50px; } #nav a { text-decoration:none; - color:#fff; + color:#000; + font-family:text; } #nav li { list-style:none; float:left; - margin-left:15px; + margin-left:65px; padding-top:15px; } +#link { + float:left; + display:block; +} +#link li { + list-style:none; + float:left; + margin-right:15px; +} +#link a { + text-decoration:none; + color:white; + font-family:text; +} + /***** Area ID *****/ #area1 { - background:red; + background-image:url(../img/4.jpg); + background-size:cover; + background-position:center; width:100%; - height:100%; + height:350%; + color:white; + font-family:text; + border-top:1px groove white; } #area2 { - background:green; + background:url(../img/5.jpg); + background-size:cover; + background-position:center; width:100%; - height:100%; + height:250%; + color:#404040; + font-family:text; } #area3 { - background:blue; + background:url(../img/2.jpg); + background-size:cover; + background-position:center; width:100%; - height:100%; + height:250%; + color:white; + font-family:text; + border-top:1px groove white; } #area4 { - background:yellow; + background:url(../img/6.jpg); + background-size:cover; + background-position:center; + width:100%; + height:250%; + color:white; + font-family:text; +} + +#footer { + background:#262628; width:100%; - height:100%; + height:85%; + color:white; + font-family:text; +} + + +/***** General ID's *****/ +#responsive { + position:relative; + top:0; + vertical-align:top; + left:100px; } @@ -89,4 +200,77 @@ header { .content { width:960px; margin:0 auto; -} \ No newline at end of file +} + + +/***** Small classes *****/ +.footerTd { + width:320px; + font-size:10pt; + text-align:center; +} + +.userPic { + width:250px; + height:auto; +} + +.userAndKontaktTd { + width:480px; +} + +.contactPic { + width:100px; + height:auto; +} + +.contactTd { + width:240px; +} + + +/***** Animations *****/ + + + + +/***** Referencer *****/ +#outerwrapper { + height:250px; + width:90%; + overflow:hidden; +} + +#innerwrapper { + height:250px; + width:4000px; +} + +.inner-slide { + height:250px; + width:350px; + float:left; +} + +#left, #right { + cursor:pointer; + position:relative; +} + +#left { + left:-424px; + top:23px; +} + +#right { + left:434px; + top:23px; +} + +.odd { + background:red; +} + +.even { + background:gray; +} diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..0dcedab Binary files /dev/null and b/favicon.ico differ diff --git a/fonts/OpenSans-Regular.ttf b/fonts/OpenSans-Regular.ttf new file mode 100644 index 0000000..db43334 Binary files /dev/null and b/fonts/OpenSans-Regular.ttf differ diff --git a/img/2.jpg b/img/2.jpg new file mode 100644 index 0000000..fa2b9c8 Binary files /dev/null and b/img/2.jpg differ diff --git a/img/4.jpg b/img/4.jpg new file mode 100644 index 0000000..db03b74 Binary files /dev/null and b/img/4.jpg differ diff --git a/img/5.jpg b/img/5.jpg new file mode 100644 index 0000000..2226baf Binary files /dev/null and b/img/5.jpg differ diff --git a/img/6.jpg b/img/6.jpg new file mode 100644 index 0000000..b2ddf1b Binary files /dev/null and b/img/6.jpg differ diff --git a/img/RESPONSIVE THEME.png b/img/RESPONSIVE THEME.png new file mode 100644 index 0000000..57677ba Binary files /dev/null and b/img/RESPONSIVE THEME.png differ diff --git a/img/handshake.jpg b/img/handshake.jpg new file mode 100644 index 0000000..a4aba45 Binary files /dev/null and b/img/handshake.jpg differ diff --git a/img/mail.png b/img/mail.png new file mode 100644 index 0000000..2e026d6 Binary files /dev/null and b/img/mail.png differ diff --git a/img/phone.png b/img/phone.png new file mode 100644 index 0000000..d37415b Binary files /dev/null and b/img/phone.png differ diff --git a/img/user.png b/img/user.png new file mode 100644 index 0000000..30dba56 Binary files /dev/null and b/img/user.png differ diff --git a/index.html b/index.html index 3c66669..9e68d1f 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ + @@ -7,17 +8,26 @@ Web-Technology + +
+ +
+ + + + +
- - + + + +
-

Bacon ipsum dolor sit amet chicken fatback bacon pork belly ribeye tri-tip leberkas tongue ham pork chop frankfurter rump pastrami shoulder. Hamburger jerky landjaeger, shoulder beef ribs ground round meatloaf pig. Turducken meatloaf frankfurter kevin. Fatback andouille porchetta pork belly ground round bresaola sausage. - Bacon short loin ham hock salami, flank pig short ribs pork tongue porchetta beef hamburger spare ribs fatback. Flank brisket pork loin cow, biltong ham hock ball tip tongue shoulder pancetta. Porchetta shoulder swine, biltong kevin corned beef turducken strip steak ham hock spare ribs bresaola pig. Porchetta salami shankle jowl turducken jerky capicola beef ribs flank meatloaf tongue tri-tip spare ribs ribeye chuck. Pancetta turkey shank sausage tail kielbasa pork belly pork chop ground round corned beef prosciutto ball tip pork loin. Fatback ball tip sausage, frankfurter brisket andouille meatloaf meatball prosciutto. Beef ribs kevin jowl doner shoulder meatloaf. - Frankfurter ribeye short loin biltong, salami filet mignon shankle t-bone short ribs ham hock chuck prosciutto tail kevin. Short ribs hamburger tail swine strip steak ribeye pastrami capicola. Pork chop meatloaf venison, short ribs pork kevin shoulder flank leberkas hamburger beef ribs swine kielbasa. Tenderloin boudin shank porchetta cow swine capicola pancetta pork frankfurter bresaola kielbasa tongue. Swine capicola shank, biltong salami chicken bacon venison pig porchetta pancetta meatball short ribs. Venison pastrami kevin porchetta sausage. - Strip steak filet mignon brisket sirloin. Ball tip kielbasa beef flank, drumstick tenderloin jerky pork loin. Pork belly tongue doner, beef ribs capicola prosciutto ham jerky. Pork belly meatloaf t-bone biltong turkey flank capicola pastrami pork chop beef ribs ground round drumstick landjaeger - Frankfurter swine chicken pork loin drumstick. Pork chop venison t-bone, spare ribs flank drumstick chicken brisket ham hock cow swine turducken leberkas. Pastrami leberkas chicken hamburger pork loin jerky turducken biltong pork belly frankfurter pig boudin swine. Ground round jerky chuck, rump tenderloin pork chop kielbasa ham pig shank frankfurter pork loin meatball. - Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

-

Bacon ipsum dolor sit amet chicken fatback bacon pork belly ribeye tri-tip leberkas tongue ham pork chop frankfurter rump pastrami shoulder. Hamburger jerky landjaeger, shoulder beef ribs ground round meatloaf pig. Turducken meatloaf frankfurter kevin. Fatback andouille porchetta pork belly ground round bresaola sausage. - Bacon short loin ham hock salami, flank pig short ribs pork tongue porchetta beef hamburger spare ribs fatback. Flank brisket pork loin cow, biltong ham hock ball tip tongue shoulder pancetta. Porchetta shoulder swine, biltong kevin corned beef turducken strip steak ham hock spare ribs bresaola pig. Porchetta salami shankle jowl turducken jerky capicola beef ribs flank meatloaf tongue tri-tip spare ribs ribeye chuck. Pancetta turkey shank sausage tail kielbasa pork belly pork chop ground round corned beef prosciutto ball tip pork loin. Fatback ball tip sausage, frankfurter brisket andouille meatloaf meatball prosciutto. Beef ribs kevin jowl doner shoulder meatloaf. - Frankfurter ribeye short loin biltong, salami filet mignon shankle t-bone short ribs ham hock chuck prosciutto tail kevin. Short ribs hamburger tail swine strip steak ribeye pastrami capicola. Pork chop meatloaf venison, short ribs pork kevin shoulder flank leberkas hamburger beef ribs swine kielbasa. Tenderloin boudin shank porchetta cow swine capicola pancetta pork frankfurter bresaola kielbasa tongue. Swine capicola shank, biltong salami chicken bacon venison pig porchetta pancetta meatball short ribs. Venison pastrami kevin porchetta sausage. - Strip steak filet mignon brisket sirloin. Ball tip kielbasa beef flank, drumstick tenderloin jerky pork loin. Pork belly tongue doner, beef ribs capicola prosciutto ham jerky. Pork belly meatloaf t-bone biltong turkey flank capicola pastrami pork chop beef ribs ground round drumstick landjaeger - Frankfurter swine chicken pork loin drumstick. Pork chop venison t-bone, spare ribs flank drumstick chicken brisket ham hock cow swine turducken leberkas. Pastrami leberkas chicken hamburger pork loin jerky turducken biltong pork belly frankfurter pig boudin swine. Ground round jerky chuck, rump tenderloin pork chop kielbasa ham pig shank frankfurter pork loin meatball. - Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

-

Bacon ipsum dolor sit amet chicken fatback bacon pork belly ribeye tri-tip leberkas tongue ham pork chop frankfurter rump pastrami shoulder. Hamburger jerky landjaeger, shoulder beef ribs ground round meatloaf pig. Turducken meatloaf frankfurter kevin. Fatback andouille porchetta pork belly ground round bresaola sausage. - Bacon short loin ham hock salami, flank pig short ribs pork tongue porchetta beef hamburger spare ribs fatback. Flank brisket pork loin cow, biltong ham hock ball tip tongue shoulder pancetta. Porchetta shoulder swine, biltong kevin corned beef turducken strip steak ham hock spare ribs bresaola pig. Porchetta salami shankle jowl turducken jerky capicola beef ribs flank meatloaf tongue tri-tip spare ribs ribeye chuck. Pancetta turkey shank sausage tail kielbasa pork belly pork chop ground round corned beef prosciutto ball tip pork loin. Fatback ball tip sausage, frankfurter brisket andouille meatloaf meatball prosciutto. Beef ribs kevin jowl doner shoulder meatloaf. - Frankfurter ribeye short loin biltong, salami filet mignon shankle t-bone short ribs ham hock chuck prosciutto tail kevin. Short ribs hamburger tail swine strip steak ribeye pastrami capicola. Pork chop meatloaf venison, short ribs pork kevin shoulder flank leberkas hamburger beef ribs swine kielbasa. Tenderloin boudin shank porchetta cow swine capicola pancetta pork frankfurter bresaola kielbasa tongue. Swine capicola shank, biltong salami chicken bacon venison pig porchetta pancetta meatball short ribs. Venison pastrami kevin porchetta sausage. - Strip steak filet mignon brisket sirloin. Ball tip kielbasa beef flank, drumstick tenderloin jerky pork loin. Pork belly tongue doner, beef ribs capicola prosciutto ham jerky. Pork belly meatloaf t-bone biltong turkey flank capicola pastrami pork chop beef ribs ground round drumstick landjaeger - Frankfurter swine chicken pork loin drumstick. Pork chop venison t-bone, spare ribs flank drumstick chicken brisket ham hock cow swine turducken leberkas. Pastrami leberkas chicken hamburger pork loin jerky turducken biltong pork belly frankfurter pig boudin swine. Ground round jerky chuck, rump tenderloin pork chop kielbasa ham pig shank frankfurter pork loin meatball. - Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

-

Bacon ipsum dolor sit amet chicken fatback bacon pork belly ribeye tri-tip leberkas tongue ham pork chop frankfurter rump pastrami shoulder. Hamburger jerky landjaeger, shoulder beef ribs ground round meatloaf pig. Turducken meatloaf frankfurter kevin. Fatback andouille porchetta pork belly ground round bresaola sausage. - Bacon short loin ham hock salami, flank pig short ribs pork tongue porchetta beef hamburger spare ribs fatback. Flank brisket pork loin cow, biltong ham hock ball tip tongue shoulder pancetta. Porchetta shoulder swine, biltong kevin corned beef turducken strip steak ham hock spare ribs bresaola pig. Porchetta salami shankle jowl turducken jerky capicola beef ribs flank meatloaf tongue tri-tip spare ribs ribeye chuck. Pancetta turkey shank sausage tail kielbasa pork belly pork chop ground round corned beef prosciutto ball tip pork loin. Fatback ball tip sausage, frankfurter brisket andouille meatloaf meatball prosciutto. Beef ribs kevin jowl doner shoulder meatloaf. - Frankfurter ribeye short loin biltong, salami filet mignon shankle t-bone short ribs ham hock chuck prosciutto tail kevin. Short ribs hamburger tail swine strip steak ribeye pastrami capicola. Pork chop meatloaf venison, short ribs pork kevin shoulder flank leberkas hamburger beef ribs swine kielbasa. Tenderloin boudin shank porchetta cow swine capicola pancetta pork frankfurter bresaola kielbasa tongue. Swine capicola shank, biltong salami chicken bacon venison pig porchetta pancetta meatball short ribs. Venison pastrami kevin porchetta sausage. - Strip steak filet mignon brisket sirloin. Ball tip kielbasa beef flank, drumstick tenderloin jerky pork loin. Pork belly tongue doner, beef ribs capicola prosciutto ham jerky. Pork belly meatloaf t-bone biltong turkey flank capicola pastrami pork chop beef ribs ground round drumstick landjaeger - Frankfurter swine chicken pork loin drumstick. Pork chop venison t-bone, spare ribs flank drumstick chicken brisket ham hock cow swine turducken leberkas. Pastrami leberkas chicken hamburger pork loin jerky turducken biltong pork belly frankfurter pig boudin swine. Ground round jerky chuck, rump tenderloin pork chop kielbasa ham pig shank frankfurter pork loin meatball. - Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

+ + +
+

Hvad kan vi
tilbyde dig?

+

Bacon ipsum dolor sit amet chicken fatback bacon pork belly ribeye tri-tip leberkas tongue ham pork chop frankfurter rump pastrami shoulder. Hamburger jerky landjaeger, shoulder beef ribs ground round meatloaf pig. Turducken meatloaf frankfurter kevin. Fatback andouille porchetta pork belly ground round bresaola sausage. + Bacon short loin ham hock salami, flank pig short ribs pork tongue porchetta beef hamburger spare ribs fatback. Flank brisket pork loin cow, biltong ham hock ball tip tongue shoulder pancetta. Porchetta shoulder swine, biltong kevin corned beef turducken strip steak ham hock spare ribs bresaola pig. Porchetta salami shankle jowl turducken jerky capicola beef ribs flank meatloaf tongue tri-tip spare ribs ribeye chuck. Pancetta turkey shank sausage tail kielbasa pork belly pork chop ground round corned beef prosciutto ball tip pork loin. Fatback ball tip sausage, frankfurter brisket andouille meatloaf meatball prosciutto. Beef ribs kevin jowl doner shoulder meatloaf. + Frankfurter ribeye short loin biltong, salami filet mignon shankle t-bone short ribs ham hock chuck prosciutto tail kevin. Short ribs hamburger tail swine strip steak ribeye pastrami capicola. Pork chop meatloaf venison, short ribs pork kevin shoulder flank leberkas hamburger beef ribs swine kielbasa. Tenderloin boudin shank porchetta cow swine capicola pancetta pork frankfurter bresaola kielbasa tongue. Swine capicola shank, biltong salami chicken bacon venison pig porchetta pancetta meatball short ribs. Venison pastrami kevin porchetta sausage. + Strip steak filet mignon brisket sirloin. Ball tip kielbasa beef flank, drumstick tenderloin jerky pork loin. Pork belly tongue doner, beef ribs capicola prosciutto ham jerky. Pork belly meatloaf t-bone biltong turkey flank capicola pastrami pork chop beef ribs ground round drumstick landjaeger + Frankfurter swine chicken pork loin drumstick. Pork chop venison t-bone, spare ribs flank drumstick chicken brisket ham hock cow swine turducken leberkas. Pastrami leberkas chicken hamburger pork loin jerky turducken biltong pork belly frankfurter pig boudin swine. Ground round jerky chuck, rump tenderloin pork chop kielbasa ham pig shank frankfurter pork loin meatball. + Does your lorem ipsum text long for something a little meatier? Give our generator a try… it’s tasty!

+
+ + +
+

Vores referencer

+
+ + +
+
+
SLIDE 01
+
SLIDE 02
+
SLIDE 03
+
SLIDE 04
+
SLIDE 05
+
SLIDE 06
+
SLIDE 07
+
SLIDE 08
+
+
+
+
+ + +
+

Hvem er vi?

+
+ + + + + + + +
+ +

Nicklas Haagh Christensen



+

Nicklas står for designet af hjemmesiden og er derfor den person i kommer til, at have mest kontakt med igennem projektet

+
+ +

Henrik Mads Hansen



+

FYLDSDASDjasfjæsakfj sf sajaf afjdsa fjsdf sdaf ksdf sda fhljsdhfjsdfhsjdfh saklhdfsadklfhsdlkafhsaiofhsdoifhsadfhaslk lh

+
+
+ + +
+

Kontakt os

+
+ + + + + + + + + +
+
+

Adresse


+

Rendsburggade 28, 9. 2
+ DK-9200 Aalborg





+
+
+

Email


+ kontakt@web-technology.dk



+
+ + + + + + + + + + + + + + + +
+

Nicklas Haagh Christensen



+
+

Henrik Mads Hansen



+
+
+
+

Email


+ NicklasWebTechnology@gmail.com +
+ 		+
+
+

Telefon


+

+45 31 13 13 82

+
+ 		+
+
+

Telefon


+

+45 22 90 70 49

+
+ 		+
+
+

Email


+ HenrikWebTechnology@gmail.com +
+
+
+
+ + + +
+