SlideShare ist ein Scribd-Unternehmen logo
1 von 3
<html> 
<head> 
<title>Royal Aura club</title> 
<link rel="stylesheet" type="text/css" href="restyle.css" / > 
</head> 
<body> 
<main id="main"> 
<div id="header"> 
<h1> Royal Aura club</h1> 
<div id="nav"> 
<div class="navitem"><a href="#">Home</a></div> 
<div class="navitem"><a href="#">Restaurant </a></div> 
<div class="navitem"><a href="#">Gallery</a></div> 
<div class="navitem"><a href="#">Guest list</a></div> 
</div> <div class="navitem"><a href="#">Job Vancancies</a></div> 
<div id="content"> 
<div id="textblock"> 
<h2>Why Royal Aura?</h2> 
<p> 
Royal Aura club and restaurant is located in Mayfair just a walk 
away from the Ritz. 
We will guarantee you will have a ball of a time with our brilliant 
DJ playing the tunes while your sipping cocktails away and dancing the night 
away. 
<p> 
Aura is a glamorous and sophisticated club that has a beautiful 
decor to get the mood. If you fancy doing VIP in style drop us a e-mail, we will 
be glad to help. Not to mention our fabulous food dishes we serve are to die 
for. 
Please make sure you e-mail us 24 hours before the day you want to 
come and party or dine. 
</p> 
</div> 
</body> 
</html> 
Css-body 
{ 
front-family: verdana, arial, sans-serif; 
margin:0; 
padding: 0; 
background-color: #FFFDED; 
border:0px; 
}
#main { 
background-color: #FFFFFF; 
width: 280px; 
margin: 50px auto; 
border: 0px solid; 
} 
#header { 
border-bottom:none 
} 
#content { 
padding: 6em 1em; 
border: none; 
margin: 20px; 
} 
#footer { 
} 
h1 { 
font: bold 1.5em Tahoma, arial, sans-serif; 
color: #826BA9; 
font-style: italic; 
background-image: url(relogo.jpg); 
background-repeat: no-repeat; 
padding: 1em 1em 1em 120px;); 
background-repeat: no-repeat; 
padding: 1em 1em 1em 100px; 
} 
.navitem { 
float: left; 
border-right: 3px solid #999999; 
border-top:1px solid #999999; 
text-align: left; 
} 
#textblock { 
background-color: #D4CAE2; 
width: 300px; 
border: 4px solid #000000; 
padding: 10px 7px; 
float: left; 
font-size: 110%; 
text-align: left;
height: 400px 
} 
a:link { 
text-decoration: none; 
color: #000000; 
padding-left: 0.em; 
padding-right: 0.5em; 
float: right; 
} 
a:visited { 
text-decoration: none; 
color: #826BA9; 
padding-left: 0.5em; 
padding-right: 0.5em; 
} 
a:hover { 
text-decoration: none; 
color: #826BA9; 
background-color: #F4E8F0; 
display: block;

Weitere ähnliche Inhalte

Was ist angesagt?

Player fixo
Player fixoPlayer fixo
Player fixoPesinho
 
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"bentleyhoke
 
dotCSS 2016: Hacking HTML Emails with CSS
dotCSS 2016: Hacking HTML Emails with CSSdotCSS 2016: Hacking HTML Emails with CSS
dotCSS 2016: Hacking HTML Emails with CSSLitmus
 
Div span__object_があればいい
Div  span__object_があればいいDiv  span__object_があればいい
Div span__object_があればいいShuhei Iitsuka
 
How to Create simple One Page site
How to Create simple One Page siteHow to Create simple One Page site
How to Create simple One Page siteMoneer kamal
 
WordPress 3 and You
WordPress 3 and YouWordPress 3 and You
WordPress 3 and YouOren Yomtov
 
2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjsGeilDanke
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibautThibaut Baillet
 
Copy & Paste Design Hacks To Take Your Blog to the Next Level
Copy & Paste Design Hacks To Take Your Blog to the Next LevelCopy & Paste Design Hacks To Take Your Blog to the Next Level
Copy & Paste Design Hacks To Take Your Blog to the Next LevelWishpond
 
Código player fixo
Código player fixoCódigo player fixo
Código player fixoPoowstrayer
 

Was ist angesagt? (19)

Player fixo
Player fixoPlayer fixo
Player fixo
 
Pp checker
Pp checkerPp checker
Pp checker
 
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
Brian Hoke: WordCamp Toronto 2014 Presentation "Sass & WordPress"
 
20110820 header new style
20110820 header new style20110820 header new style
20110820 header new style
 
Zen based theming
Zen based themingZen based theming
Zen based theming
 
dotCSS 2016: Hacking HTML Emails with CSS
dotCSS 2016: Hacking HTML Emails with CSSdotCSS 2016: Hacking HTML Emails with CSS
dotCSS 2016: Hacking HTML Emails with CSS
 
Div span__object_があればいい
Div  span__object_があればいいDiv  span__object_があればいい
Div span__object_があればいい
 
9. lower in Symfony 4
9. lower in Symfony 49. lower in Symfony 4
9. lower in Symfony 4
 
How to Create simple One Page site
How to Create simple One Page siteHow to Create simple One Page site
How to Create simple One Page site
 
WordPress 3 and You
WordPress 3 and YouWordPress 3 and You
WordPress 3 and You
 
2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs2016 First steps with Angular 2 – enterjs
2016 First steps with Angular 2 – enterjs
 
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibautPresentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
 
Word Camp Fukuoka2010
Word Camp Fukuoka2010Word Camp Fukuoka2010
Word Camp Fukuoka2010
 
ARTDM 171, Week 5: CSS
ARTDM 171, Week 5: CSSARTDM 171, Week 5: CSS
ARTDM 171, Week 5: CSS
 
programming
programmingprogramming
programming
 
Copy & Paste Design Hacks To Take Your Blog to the Next Level
Copy & Paste Design Hacks To Take Your Blog to the Next LevelCopy & Paste Design Hacks To Take Your Blog to the Next Level
Copy & Paste Design Hacks To Take Your Blog to the Next Level
 
Código player fixo
Código player fixoCódigo player fixo
Código player fixo
 
7. copy2 in Symfony 4
7. copy2 in Symfony 47. copy2 in Symfony 4
7. copy2 in Symfony 4
 
Hyperlink
HyperlinkHyperlink
Hyperlink
 

Andere mochten auch

Mario vitti η γενια-του-τριαντα
Mario vitti η γενια-του-τριανταMario vitti η γενια-του-τριαντα
Mario vitti η γενια-του-τριανταDimitris Spathas
 
Rescue apparatus and Rescue Operations.
Rescue apparatus and Rescue Operations.Rescue apparatus and Rescue Operations.
Rescue apparatus and Rescue Operations.waseem khan
 
Omni-Tracker Camera Dolly
Omni-Tracker Camera DollyOmni-Tracker Camera Dolly
Omni-Tracker Camera DollyWarren Herndon
 
1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτους
1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτους1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτους
1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτουςDimitris Spathas
 
Jacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίας
Jacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίαςJacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίας
Jacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίαςDimitris Spathas
 
Cilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίας
Cilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίαςCilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίας
Cilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίαςDimitris Spathas
 
Letters of recommendation only d15
Letters of recommendation only d15Letters of recommendation only d15
Letters of recommendation only d15Lance Collins
 
Презентация "Цвета и краски"
Презентация "Цвета и краски"Презентация "Цвета и краски"
Презентация "Цвета и краски"Анна Воронина
 

Andere mochten auch (14)

Mario vitti η γενια-του-τριαντα
Mario vitti η γενια-του-τριανταMario vitti η γενια-του-τριαντα
Mario vitti η γενια-του-τριαντα
 
Iphone4s
Iphone4sIphone4s
Iphone4s
 
Rescue apparatus and Rescue Operations.
Rescue apparatus and Rescue Operations.Rescue apparatus and Rescue Operations.
Rescue apparatus and Rescue Operations.
 
Omni-Tracker Camera Dolly
Omni-Tracker Camera DollyOmni-Tracker Camera Dolly
Omni-Tracker Camera Dolly
 
Warm-Up
Warm-UpWarm-Up
Warm-Up
 
1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτους
1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτους1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτους
1910 π.βραϊλα-αρμενη-η φιλοσοφία του σωκράτους
 
Jacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίας
Jacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίαςJacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίας
Jacqueline de rom illy προβλήματα-της-αρχαίας-ελληνικής-δημοκρατίας
 
Warm up
Warm up Warm up
Warm up
 
Cilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίας
Cilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίαςCilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίας
Cilbert murray ιστορία τη αρχαίας ελληνικής λογοτεχνίας
 
Letters of recommendation only d15
Letters of recommendation only d15Letters of recommendation only d15
Letters of recommendation only d15
 
Презентация "Цвета и краски"
Презентация "Цвета и краски"Презентация "Цвета и краски"
Презентация "Цвета и краски"
 
презентация истфак м
презентация истфак мпрезентация истфак м
презентация истфак м
 
Untitled Presentation
Untitled PresentationUntitled Presentation
Untitled Presentation
 
From idea to business
From idea to businessFrom idea to business
From idea to business
 

Ähnlich wie Dfdf

LessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingLessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingMyles Braithwaite
 
Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本a5494535
 
Supercharged HTML & CSS
Supercharged HTML & CSSSupercharged HTML & CSS
Supercharged HTML & CSSMax Kraszewski
 
Postlet June1709
Postlet June1709Postlet June1709
Postlet June1709bnbanmare
 
Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)gng542
 
HTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.pptHTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.pptraghavanp4
 
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.pptwaxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.pptIsmaciil2
 
Html5 elements-Kip Academy
Html5 elements-Kip AcademyHtml5 elements-Kip Academy
Html5 elements-Kip Academykip academy
 
Grok Drupal (7) Theming
Grok Drupal (7) ThemingGrok Drupal (7) Theming
Grok Drupal (7) ThemingPINGV
 
css-note.pptx
css-note.pptxcss-note.pptx
css-note.pptxSamay16
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style SheetsSenthil Kumar
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSSBeckhamWee
 

Ähnlich wie Dfdf (20)

LessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG MeetingLessCSS Presentation @ April 2015 GTALUG Meeting
LessCSS Presentation @ April 2015 GTALUG Meeting
 
Theme 23
Theme 23Theme 23
Theme 23
 
Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本
 
Supercharged HTML & CSS
Supercharged HTML & CSSSupercharged HTML & CSS
Supercharged HTML & CSS
 
Postlet June1709
Postlet June1709Postlet June1709
Postlet June1709
 
Insertcustomer
InsertcustomerInsertcustomer
Insertcustomer
 
Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)Css 2c (2) (1) (1) (2)
Css 2c (2) (1) (1) (2)
 
Document
DocumentDocument
Document
 
HTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.pptHTML Web Devlopment presentation css.ppt
HTML Web Devlopment presentation css.ppt
 
css.ppt
css.pptcss.ppt
css.ppt
 
css.ppt
css.pptcss.ppt
css.ppt
 
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.pptwaxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
 
css1.ppt
css1.pptcss1.ppt
css1.ppt
 
Html5 elements-Kip Academy
Html5 elements-Kip AcademyHtml5 elements-Kip Academy
Html5 elements-Kip Academy
 
Grok Drupal (7) Theming
Grok Drupal (7) ThemingGrok Drupal (7) Theming
Grok Drupal (7) Theming
 
css-note.pptx
css-note.pptxcss-note.pptx
css-note.pptx
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
 
[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS[SUTD GDSC] Intro to HTML and CSS
[SUTD GDSC] Intro to HTML and CSS
 
Tmx9
Tmx9Tmx9
Tmx9
 
CSS Basics
CSS BasicsCSS Basics
CSS Basics
 

Dfdf

  • 1. <html> <head> <title>Royal Aura club</title> <link rel="stylesheet" type="text/css" href="restyle.css" / > </head> <body> <main id="main"> <div id="header"> <h1> Royal Aura club</h1> <div id="nav"> <div class="navitem"><a href="#">Home</a></div> <div class="navitem"><a href="#">Restaurant </a></div> <div class="navitem"><a href="#">Gallery</a></div> <div class="navitem"><a href="#">Guest list</a></div> </div> <div class="navitem"><a href="#">Job Vancancies</a></div> <div id="content"> <div id="textblock"> <h2>Why Royal Aura?</h2> <p> Royal Aura club and restaurant is located in Mayfair just a walk away from the Ritz. We will guarantee you will have a ball of a time with our brilliant DJ playing the tunes while your sipping cocktails away and dancing the night away. <p> Aura is a glamorous and sophisticated club that has a beautiful decor to get the mood. If you fancy doing VIP in style drop us a e-mail, we will be glad to help. Not to mention our fabulous food dishes we serve are to die for. Please make sure you e-mail us 24 hours before the day you want to come and party or dine. </p> </div> </body> </html> Css-body { front-family: verdana, arial, sans-serif; margin:0; padding: 0; background-color: #FFFDED; border:0px; }
  • 2. #main { background-color: #FFFFFF; width: 280px; margin: 50px auto; border: 0px solid; } #header { border-bottom:none } #content { padding: 6em 1em; border: none; margin: 20px; } #footer { } h1 { font: bold 1.5em Tahoma, arial, sans-serif; color: #826BA9; font-style: italic; background-image: url(relogo.jpg); background-repeat: no-repeat; padding: 1em 1em 1em 120px;); background-repeat: no-repeat; padding: 1em 1em 1em 100px; } .navitem { float: left; border-right: 3px solid #999999; border-top:1px solid #999999; text-align: left; } #textblock { background-color: #D4CAE2; width: 300px; border: 4px solid #000000; padding: 10px 7px; float: left; font-size: 110%; text-align: left;
  • 3. height: 400px } a:link { text-decoration: none; color: #000000; padding-left: 0.em; padding-right: 0.5em; float: right; } a:visited { text-decoration: none; color: #826BA9; padding-left: 0.5em; padding-right: 0.5em; } a:hover { text-decoration: none; color: #826BA9; background-color: #F4E8F0; display: block;