Advertisement
Guest User

Sec-About

a guest
Dec 14th, 2018
97
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.54 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>About Us</title>
  6.    
  7.     <script type="text/javascript" language="JavaScript">
  8.     function clickedHome()
  9.         {window.location='Home.html'}
  10.         function clickedContact()
  11.         {window.location='Contact.html'}
  12.     </script>
  13.    
  14.     <style>
  15.         body{margin: 0px;padding: 0px}
  16.         .header
  17.         {
  18.             background-color:antiquewhite;
  19.             text-align: right;
  20.             padding: 30px;
  21.         }
  22.         .bttn
  23.         {
  24.             background-color: lightskyblue;
  25.             border: 10px solid skyblue;
  26.             padding: 5px;
  27.             margin: 5px;
  28.             cursor: pointer;
  29.             display:inline-block;
  30.             font-size: 20px;
  31.             border-radius: 50px
  32.            
  33.         }
  34.         .bttn:hover{background-color: blue}
  35.         .about
  36.         {
  37.             text-align: left;
  38.             position: absolute;
  39.             left: 50px;
  40.             font-size: 35px;
  41.         }
  42.         .im
  43.         {
  44.             word-wrap: break-word;
  45.             display:inline-block;
  46.             margin-left:70px;
  47.             width: 950px;
  48.             height: 305px;
  49.         }
  50.         img
  51.         {
  52.             float: left;
  53.             margin: 30px
  54.         }
  55.     </style>
  56. </head>
  57. <body>
  58.     <div class="header">  
  59.     <label class="about">About Us</label>
  60.     <button class="bttn" onclick="clickedHome()">Home</button>
  61.     <button class="bttn" style="background-color:blue;border-color:blue">About Us</button>
  62.     <button class="bttn" onclick="clickedContact()">Contact</button>
  63.     </div>
  64.    
  65.     <div class='im'>
  66.     <img src="about1.jpg" width="350" height="350"> <p style="padding-top: 30px">
  67.         The city of Monstropolis in the monster world is powered by energy from the screams of human children. At the Monsters, Inc. factory, skilled monsters employed as "scarers" venture into the human world to scare children and harvest their screams, through doors that activate portals to children's bedroom closets. It is considered dangerous work, as human children are believed to be toxic. Energy production is falling because children are becoming less easily scared, and Monsters, Inc.'s chairman, Henry J. Waternoose, is determined to find a solution.</p>
  68.     </div>
  69.    
  70.     <div class='im'>
  71.     <img src="about2.jpg" width="350" height="350"><p style="padding-top: 30px">
  72.     Having given monsters Shalby Sullivan and Mard Wazowski the most prestigious job in Monstropolis Scarer the filmmakers needed to find the right kid to scare. The character of Boo only emerged after several story changes. “Ultimately we needed the kid to be as cute and appealing as it gets, and we decided it’s hard to beat a two-year-old girl for that,” explains Director Pete Docter.For Boo’s room, Pixar artists strove to create a little girl’s room that was both appealing and inviting.
  73.     </p>
  74.     </div>
  75.    
  76.     <div class='im'>
  77.     <img src="about3.jpg" width="350" height="350"><p style="padding-top: 30px">
  78.         Shalby Sullivan may be the most celebrated Scarer in Monstropolis, but that doesn't make him mean. When the softhearted monster has to care for Boo, he discovers that love and laughter are more powerful than making kids scream.The world needed to echo the human world and yet be monster specific. Details of Mard and Shalby’s apartment, one of the first sets to be developed, exemplified the depth of the thought process that played a part during the design stage of production.</p>
  79.     </div>
  80.    
  81. </body>
  82. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement