ÿþ< ! D O C T Y P E h t m l P U B L I C " - / / W 3 C / / D T D X H T M L 1 . 0 S t r i c t / / E N " " h t t p : / / w w w . w 3 . o r g / T R / x h t m l 1 / D T D / x h t m l 1 - s t r i c t . d t d " >
< h t m l >
< h e a d >
< m e t a h t t p - e q u i v = " C o n t e n t - L a n g u a g e " c o n t e n t = " e n - g b " / >
< m e t a h t t p - e q u i v = " C o n t e n t - T y p e " c o n t e n t = " t e x t / h t m l ; c h a r s e t = U T F - 8 " / >
< m e t a n a m e = " d e s c r i p t i o n " c o n t e n t = " T h e C i t y - A P e r s o n a l P o r t f o l i o " / >
< m e t a n a m e = " k e y w o r d s " c o n t e n t = " t h e c i t y , u b i k , u b i k s t u d i o s " / >
< m e t a n a m e = " a u t h o r " c o n t e n t = " D e s i g n a n d C o d i n g b y : u b i k S t u d i o s - C o n t a c t m e : y e w b i c [ a t ] y a h o o [ d o t ] c o m " / >
< t i t l e > T h e C i t y O f A n g e l s < / t i t l e >
< l i n k h r e f = " s t y l i n . c s s " r e l = " s t y l e s h e e t " t y p e = " t e x t / c s s " / >
< e n c o d i n g = " h e b r e w ( w i n d o w s ) " >
< ! - -
T h e f o l l o w i n g a r e C S S C o n d i t i o n a l C o m m e n t s t o f i x
I E ' s m i n - h e i g h t n o n - e x i s t e n c e a n d a l s o , t h e f a c t
t h a t s e r i f f o n t s d o n o t r e n d e r e x a c t l y t h e s a m e
s i z e i n a l l b r o w s e r s . " l t I E 6 " i s e q u i v a l e n t t o
" l e s s t h a n I E 6 " . - u b i k
- - >
< ! - - [ i f l t I E 6 ] >
< s t y l e t y p e = " t e x t / c s s " >
. c o n t e n t { h e i g h t : 2 5 0 p x }
# m a i n { h e i g h t : 4 0 0 p x }
h 1 { f o n t - s i z e : 5 0 p x }
< / s t y l e >
< ! [ e n d i f ] - - >
< ! - - [ i f I E 6 ] >
< s t y l e t y p e = " t e x t / c s s " >
. c o n t e n t { h e i g h t : 1 9 0 p x }
# m a i n { h e i g h t : 4 0 0 p x }
h 1 { f o n t - s i z e : 5 5 p x }
< / s t y l e >
< ! [ e n d i f ] - - >
< / h e a d >
< b o d y >
< d i v i d = " c o n t a i n e r " >
< d i v i d = " h e a d e r " >
< / d i v >
< ! - - J u s t a d d n e w l i n k s w i t h t h e c l a s s " i t e m " f o r m o r e m e n u i t e m s - - >
< d i v i d = " m e n u " >
< a c l a s s = " i t e m " h r e f = " i n d e x . h t m l " > èÐéÙ< / a >
< a c l a s s = " i t e m " h r e f = " c a t . h t m l " > ÛêÑÕê< / a >
< a c l a s s = " i t e m " h r e f = " p e i . h t m l " > äâÙÜÕê< / a >
< a c l a s s = " i t e m " h r e f = " v i d . h t m l " > çØâÙ ÕÙÓÐÕ< / a >
< a c l a s s = " i t e m " h r e f = " m a z . h t m l " > ÞæÒê< / a >
< a c l a s s = " i t e m " h r e f = " # " > äÕèÕÝ< / a >
< a c l a s s = " i t e m " h r e f = " m a i l t o : x x x x @ w a l l a . c o m " > æÕè çéè< / a >
< d i v c l a s s = " l e f t b o x " >
< h 4 > < / h 4 >
< / d i v >
< d i v c l a s s = " l e f t b o x " >
< h 4 > < / h 4 >
< / d i v >
< / d i v > < ! - - E n d " M e n u " o r l e f t c o l u m n i n o t h e r w o r d s - - >
< ! - - A l l c o n t e n t i n s i d e t h e " m a i n " c o n t a i n e r s h o u l d b e w r a p p e d w i t h " b o t t o m R i g h t "
a n d " c o n t e n t " c o n t a i n e r s , f o r t h e b o x e f f e c t . - - >
< d i v i d = " m a i n " >
< d i v c l a s s = " b o t t o m R i g h t " >
< d i v c l a s s = " c o n t e n t " >
< h 2 > ÑèÕÛÙÝ ÔÑÐÙÝ< / h 2 >
< p >
H e l l o A n d w e l c o m e t o ' T h e C i t y ' o f A n g e l s , a p e r s o n a l p o r t f o l i o s i t e . I a m
u b i k , a 5 + y e a r f r e e l a n c e g r a p h i c d e s i g n e r . I h a v e j u s t b e g a n t o d e s i g n m y
w e b s i t e s i n C S S . I f e e l t h a t C S S r e a l l y g i v e s y o u m u c h c o n t r o l o v e r a l l o f
y o u r c o n t e n t . I ' m g l a d t h a t I s w i t c h e d f r o m p h o t o s h o p s l i c e s , a n d d r e a m w e a v e r
t a b l e s t o h a n d - c o d i n g a l l m y w o r k . g o t t a l o v e t h a t n o t e p a d , e s p e c i a l l y t h e
' F i n d ' f e a t u r e .
< / p >
< / d i v >
< / d i v >
< / d i v >
< / e n c o d i n g >
< / d i v >
< / b o d y >
< / h t m l >