SlideShare una empresa de Scribd logo
1 de 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;

Más contenido relacionado

La actualidad más candente

Div span__object_があればいい
Div  span__object_があればいいDiv  span__object_があればいい
Div span__object_があればいい
Shuhei Iitsuka
 
Código player fixo
Código player fixoCódigo player fixo
Código player fixo
Poowstrayer
 

La actualidad más candente (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
 

Destacado

Mario vitti η γενια-του-τριαντα
Mario vitti η γενια-του-τριανταMario vitti η γενια-του-τριαντα
Mario vitti η γενια-του-τριαντα
Dimitris Spathas
 
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
 

Destacado (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
 

Similar a Dfdf

Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本Simple Blue Blog Template XML 的副本
Simple Blue Blog Template XML 的副本
a5494535
 
Postlet June1709
Postlet June1709Postlet June1709
Postlet June1709
bnbanmare
 
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
 
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.pptwaxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
waxaada canshuurahaiyosiyaaddaguudeexamarwaaardaydaDAALBADAN.ppt
Ismaciil2
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
Senthil Kumar
 

Similar a 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;