Advertisement
jjswebs

Untitled

May 5th, 2013
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.49 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4.     <title>Friends</title>
  5.     <link href="../css/fonts.css" rel="stylesheet" type="text/css">
  6.     <link href="../styles.css" rel="stylesheet" type="text/css">
  7.    
  8.     <script src="../javascript/jquery-1.9.0.min.js" type="text/javascript"></script>
  9.     <script src="../javascript/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
  10.     <script src="../javascript/jquery.fancybox.js" type="text/javascript"></script>
  11.     <script src="../javascript/script.js" type="text/javascript"></script>
  12. </head>
  13.  
  14. <body>
  15. <div class="gradient"></div>
  16.  
  17.  
  18. <header>
  19.     <section class="container_one">
  20.         <img src="../images/central_perk.png" alt="central perk logo" />
  21.     </section>
  22.     <section class="container_two">
  23.         <h1>where</h1>
  24.         <img src="../images/friendslogo2.png" alt="Friends Logo"/>
  25.         <h1>meet</h1>
  26.     </section>
  27. </header>
  28.  
  29. <nav>  
  30.     <ul>   
  31.         <li>
  32.             <a href="../index.html">
  33.             Home
  34.             </a>
  35.         </li>
  36.        
  37.         <li>
  38.             <a href="watch_now.html">
  39.                 Watch Now
  40.             </a>
  41.         </li>
  42.        
  43.         <li>
  44.             <a href="cast.html">
  45.             Characters
  46.             </a>
  47.         </li>
  48.        
  49.         <li>
  50.             <a href="season_guide.html">
  51.             Season Guide
  52.             </a>
  53.         </li>
  54.        
  55.         <li>
  56.             <a href="dvd_sets.html">
  57.             DVD Sets
  58.             </a>
  59.         </li>
  60.        
  61.         </ul>
  62.    
  63. </nav>
  64.  
  65. <div id="main_container">
  66.    
  67.     <section class="container_three_head">
  68.         <h2>
  69.             Characters
  70.         </h2>
  71.     </section>
  72.    
  73.     <section class="container_three_head2 characterspage">
  74.         <img src="../images/groupcutout.png" />
  75.         <nav class="characters">
  76.             <ul>
  77.                 <li>
  78.                 <a class="link-phoebe" href="javascript:void(0)">
  79.                             Phoebe
  80.                         </a>
  81.                 </li>
  82.                
  83.                 <li>
  84.                     |
  85.                 </li>
  86.        
  87.                 <li>
  88.                 <a class="link-ross" href="javascript:void(0)">
  89.                             Ross
  90.                         </a>
  91.                 </li>
  92.                
  93.                 <li>
  94.                     |
  95.                 </li>
  96.        
  97.                 <li>
  98.                 <a class="link-rachel" href="javascript:void(0)">
  99.                             Rachel
  100.                         </a>
  101.                 </li>
  102.                
  103.                 <li>
  104.                     |
  105.                 </li>
  106.        
  107.                 <li>
  108.                 <a class="link-joey" href="javascript:void(0)">
  109.                             Joey
  110.                         </a>
  111.                 </li>
  112.                
  113.                 <li>
  114.                     |
  115.                 </li>
  116.        
  117.                 <li>
  118.                 <a class="link-monica" href="javascript:void(0)">
  119.                             Monica
  120.                         </a>
  121.                 </li>
  122.                
  123.                 <li>
  124.                     |
  125.                 </li>
  126.                
  127.                 <li>
  128.                 <a class="link-chandler" href="javascript:void(0)">
  129.                             Chandler
  130.                         </a>
  131.                 </li>
  132.             </ul>
  133.         </nav>
  134.     </section>
  135.    
  136.     <div id="char_names">
  137.      <section class="phoebe">
  138.         <article class="text-left">
  139.             <h2>
  140.                 Phoebe
  141.             </h2>
  142.            
  143.             <p>
  144.                 Lisa Kudrow portrays Phoebe Buffay, an eccentric masseuse and self-taught musician.
  145.                 Phoebe lived in uptown New York with her mother until her mother killed herself and
  146.                 Phoebe took to the streets. Phoebe is ditsy but street smart and writes and sings
  147.                 (badly)her own quirky songs, accompanying herself on the guitar. She has an
  148.                 &#34;evil&#34; identical twin named Ursula who shares Phoebe&#39;s quirkiness
  149.                 but unlike Phoebe seems to be cruel and uncaring. Phoebe is childlike and
  150.                 innocent in disposition. Phoebe tends to use her past misfortunes such as
  151.                 her mother&#39;s suicide as sympathy ploys. Phoebe has three serious
  152.                 relationships. Gary (the cop) in season five, an on and off relationship with
  153.                 Mike Hannigan in seasons nine-ten and David in season one,
  154.                 which ends when he moves to Minsk on a research grant. They reconcile whenever he
  155.                 returns but she eventually rejects him for Mike in season nine. In the last season,
  156.                 she marries Mike.
  157.             </p>
  158.         </article>
  159.        
  160.         <article class="text-right">
  161.             <img src="../images/phoebe.png" alt="Phoebe"/>
  162.         </article>
  163.        
  164.     </section>
  165.        
  166.        
  167.        
  168.     <section class="ross" style="display:none">
  169.         <article class="text-left">
  170.             <h2>
  171.                 Ross
  172.             </h2>
  173.            
  174.             <p>
  175.                 David Schwimmer portrays Ross Geller, Monica Geller&#39;s older brother,
  176.                 a paleontologist working at the Museum of Natural History, and later a
  177.                 professor of paleontology at New York University. Ross is sweet natured
  178.                 man of good humor, although he is often clumsy and socially awkward.
  179.                 Ross is involved in an on-again-off-again relationship with Rachel
  180.                 throughout the series. Ross has three failed marriages during the series:
  181.                 Rachel, Emily, and Carol, a lesbian who is also the mother of his son,
  182.                 Ben. His failed love life is potentially due to his
  183.                 paranoia and jealousy in relationships and his divorces become a point
  184.                 of humor within the series. He and Rachel have a daughter by the end
  185.                 of season eight and they confess that they are still in love with each
  186.                 other in the final episode.
  187.             </p>
  188.            
  189.         </article>
  190.        
  191.         <article class="text-right">
  192.             <img src="../images/ross.png" alt="Ross"/>
  193.         </article>
  194.        
  195.     </section>
  196.    
  197.    
  198.     <section class="rachel" style="display:none">
  199.         <article class="text-left">
  200.             <h2>
  201.                 Rachel
  202.             </h2>
  203.            
  204.             <p>
  205.                 Jennifer Aniston portrays Rachel Green, a fashion enthusiast and
  206.                 Monica Geller&#39;s best friend from childhood. Rachel first moves in
  207.                 with Monica in season one after nearly marrying Barry Farber whom
  208.                 she realizes she does not love. Rachel and Ross Geller are later
  209.                 involved in an on-again-off-again relationship throughout the series.
  210.                 Rachel dates other men during the series, such as an Italian neighbor,
  211.                 Paolo in season one, her client Joshua Bergin in season four, her
  212.                 assistant Tag in season seven, and Joey Tribbiani in season ten.
  213.                 Rachel&#39;s first job is as a waitress at the coffeehouse Central Perk,
  214.                 but she later becomes an assistant buyer at Bloomingdale's in season
  215.                 three, and a buyer at Ralph Lauren in season five. Rachel and Ross
  216.                 have a daughter named Emma in "The One Where Rachel Has a Baby,
  217.                 Part Two" at the end of season 8.
  218.             </p>
  219.            
  220.         </article>
  221.        
  222.         <article class="text-right">
  223.             <img src="../images/rachel.png" alt="Rachel"/>
  224.         </article>
  225.        
  226.     </section>
  227.    
  228.     <section class="joey" style="display:none">
  229.         <article class="text-left">
  230.             <h2>
  231.                 Joey
  232.             </h2>
  233.            
  234.             <p>
  235.                 Matt LeBlanc portrays Joey Tribbiani, a struggling actor and food lover
  236.                 who becomes famous for his role on Days of our Lives as Dr. Drake Ramoray.
  237.                 Joey is a simple-minded womanizer with many short-term girlfriends
  238.                 throughout the series. Despite his womanizing tendencies Joey is an
  239.                 innocent and caring character with good intentions. Joey often
  240.                 uses the catchphrase pick up line "How you doin&#39;?" in his attempts to
  241.                 win over women. Joey rooms with his best friend Chandler for years and
  242.                 later a while with Rachel. He falls in love with Rachel in season eight.
  243.                 Rachel politely tells Joey that she does not share the same feelings.
  244.                 They eventually date briefly in season ten, but after realizing it will
  245.                 not work due to their friendship (and especially Rachel&#39;s complicated
  246.                 relationship with Ross), they return to being friends as before.
  247.             </p>
  248.            
  249.         </article>
  250.        
  251.         <article class="text-right">
  252.             <img src="../images/joey.png" alt="Joey"/>
  253.         </article>
  254.        
  255.     </section>
  256.    
  257. <section class="monica" style="display:none">
  258.         <article class="text-left">
  259.             <h2>
  260.                 Monica
  261.             </h2>
  262.            
  263.             <p>
  264.                 Courteney Cox portrays Monica Geller, the mother hen of the group and a
  265.                 chef, known for her perfectionist, bossy and competitive nature.Monica is
  266.                 often jokingly teased by the others for having been extremely overweight
  267.                 as a child, especially by her brother Ross. Monica works as a chef in
  268.                 various restaurants throughout the show. Monica&#39;s first serious relationship
  269.                 is with family friend Richard Burke who is 21 years her senior. The couple
  270.                 maintains a strong relationship until Richard expresses that he does not
  271.                 want to have children much to Monica&#39;s dismay. Monica and Chandler Bing
  272.                 later start a relationship after spending a night with each other in the
  273.                 season four finale, leading to their marriage in Season seven.
  274.             </p>
  275.            
  276.         </article>
  277.        
  278.         <article class="text-right">
  279.             <img src="../images/monica.png" alt="Monica"/>
  280.         </article>
  281.        
  282.     </section>
  283.    
  284. <section class="chandler" style="display:none">
  285.         <article class="text-left">
  286.             <h2>
  287.                 Chandler
  288.             </h2>
  289.            
  290.             <p>
  291.                 Matthew Perry portrays Chandler Bing, an executive in statistical
  292.                 analysis and data reconfiguration for a large multi-national
  293.                 corporation. Chandler quits his job and becomes a junior copywriter
  294.                 at an advertising agency during season nine. Chandler has a peculiar
  295.                 family history being the son of an erotic novelist mother, and a
  296.                 cross-dressing Las Vegas star father. Chandler is known for his
  297.                 sarcastic sense of humor and bad luck in relationships. Chandler
  298.                 marries Monica in season seven, and they adopt twins at the end of
  299.                 the series. Before his relationship with Monica, Chandler dated
  300.                 Janice Hosenstein in season one and subsequently broke up with her
  301.                 many times. Matthew Perry has expressed his similarities to the
  302.                 character such as his need to break an awkward silence with a joke
  303.                 and difficulties with women when first joining the show.
  304.             </p>
  305.            
  306.         </article>
  307.        
  308.         <article class="text-right">
  309.             <img src="../images/chandler.png" alt="chandler"/>
  310.         </article>
  311.        
  312.     </section>
  313.     </div>
  314. </div>
  315.  
  316.  
  317. </body>
  318. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement