pÁgina web layout medidas · 100px 180px 100px 441px 1000px 359px 175px 175px 90px 34px 28px 40px...

4
100px 180px 100px 441px 1000px 359px 175px 175px 90px 34px 28px 40px 32px 41px 100px 96px 24px 15px 30px 28px 92px 115px 344px 128px 128px 20px 64px 160px 493px 1344px 1344px 100px 65px 121px 186px 93px 65px 128px 265px 48px h1 p h3 h2 h4 h5

Upload: others

Post on 06-Mar-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PÁGINA WEB LAYOUT medidas · 100px 180px 100px 441px 1000px 359px 175px 175px 90px 34px 28px 40px 41px 32px 100px 96px 24px 30px 15px 28px 92px 115px 344px 128px 128px 20px 160px

100px

180px

100px

441px

1000px

359px

175px175px

90px

34px

28px

40px

32px41px

100px

96px

24px15px30px

28px

92px 115px

344px

128px

128px

20px

64px160px

493px

1344px

1344px

100px

65px

121px 186px 93px

65px 128px265px 48px

h1

p

h3

h2

h4 h5

Page 2: PÁGINA WEB LAYOUT medidas · 100px 180px 100px 441px 1000px 359px 175px 175px 90px 34px 28px 40px 41px 32px 100px 96px 24px 30px 15px 28px 92px 115px 344px 128px 128px 20px 160px

ESPECIFICACIONES DE ESTILOS CSSHOME

h1 font-family: BrandonGrotesque, sans-serif; color: #���; font-size: 49px; font-weight: 400; /* Inline Style */ font-family: BrandonGrotesque, sans-serif; color: #e6c632; font-size: 49px; font-weight: 700; width: 744px; height: 35px;

h2 font-family: Lato, sans-serif; color: #���; font-size: 18px; font-weight: 400; line-height: 1.14;

/* Inline Style */ font-family: Lato, sans-serif; color: #���; font-size: 18px; font-weight: 700; line-height: 1.14; width: 249px; height: 85px;

h3 font-family: Lato, sans-serif; color: #db4d4d; font-size: 16px; font-weight: 400; line-height: 1.563; width: 96px; height: 14px;

h4 font-family: Lato, sans-serif; color: #000000; font-size: 16px; font-weight: 400; line-height: 1.563; width: 59px; height: 14px;

h5 font-family: Lato, sans-serif; color: #666666; font-size: 16px; font-weight: 300; font-style: italic; line-height: 1.563; width: 143px; height: 15px;

p font-family: CharisSIL, serif; color: #242424; font-size: 16px; font-weight: 700; line-height: 1.563; /* Inline Style */ font-family: CharisSIL, serif; color: #242424; font-size: 16px; font-weight: 400; line-height: 1.563; text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.1); width: 406px; height: 90px;

Botón background-color: #e6c532; width: 121px; height: 40px;

Banda background-color: rgba(0, 0, 0, 0.95); box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.66); width: 1344px; height: 100px;

Page 3: PÁGINA WEB LAYOUT medidas · 100px 180px 100px 441px 1000px 359px 175px 175px 90px 34px 28px 40px 41px 32px 100px 96px 24px 30px 15px 28px 92px 115px 344px 128px 128px 20px 160px

1000px

529px

214px 121px 193px

226px

130px

65px94px

1344px

30px30px

300px

529px468px

30px

52px

130px

123px

156px

332px

h3

h6

h6

h4 h5

h2

h7

h1

Page 4: PÁGINA WEB LAYOUT medidas · 100px 180px 100px 441px 1000px 359px 175px 175px 90px 34px 28px 40px 41px 32px 100px 96px 24px 30px 15px 28px 92px 115px 344px 128px 128px 20px 160px

ESPECIFICACIONES DE ESTILOS CSSPÁGINA FORMULARIO

h1 font-family: Lato, sans-serif; color: #���; font-size: 26px; font-weight: 400; line-height: 0.962; /* Inline Style */ font-family: Lato, sans-serif; color: #���; font-size: 26px; font-weight: 900; line-height: 0.962; width: 251px; height: 19px;

h2 font-family: Lato, sans-serif; color: #000000; font-size: 16px; font-weight: 700; line-height: 1.563; width: 59px; height: 11px;

h3 font-family: Lato, sans-serif; color: #000000; font-size: 16px; font-weight: 400; line-height: 1.563; width: 77px; height: 11px;

h4 font-family: Lato, sans-serif; color: #333333; font-size: 18px; font-weight: 700; line-height: 1.389; width: 73px; height: 14px;

h5 font-family: Lato, sans-serif; color: #333333; font-size: 18px; font-weight: 700; font-style: italic; line-height: 1.389; width: 89px; height: 14px;

h6 font-family: Lato, sans-serif; color: #666666; font-size: 16px; font-weight: 300; font-style: italic; line-height: 1.563; width: 143px; height: 15px;

h7 font-family: Lato, sans-serif; color: #db4d4d; font-size: 16px; font-weight: 400; line-height: 1.563; width: 96px; height: 14px;

Botón superior background-color: #e6c532; width: 121px; height: 40px;

Cajas superiores: background-color: rgba(21, 98, 179, 0.6); width: 529px; height: 450px;

Cajas superiores (Caja indexada): background-color: #cccccc; width: 468px; height: 350px; padding: 30px; margin-top: 70 px; margin-right: 30 px; margin-left: 30 px; margin-bottom: 30 px;

Caja inferior: background-color: rgba(21, 98, 179, 0.6); width: 529px; height: 300px;

Caja inferior (Caja indexada):

background-color: #cccccc; width: 468px; height: 200px; padding: 30px; margin-top: 70 px; margin-right: 30 px; margin-left: 30 px; margin-bottom: 30 px;