API tools faq
paste
Guest User

Untitled

a guest
Nov 28th, 2017
28
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.04 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <style>
  4. .top{
  5. width:781px;
  6. height:190px;
  7. background-color:gray;
  8. }
  9. #menu{
  10. background-image: url(images/menu_bg.jpg);
  11. width:394px;
  12. height:70px;
  13. float:left;
  14. }
  15. #menu a{
  16. display:block;
  17. float:left;
  18. text-align:center;
  19. color:white;
  20. text-decoration:none;
  21. padding-top:45px;
  22. font-family:verdana;
  23. font-size:12px;
  24. padding-left:10px;
  25. }
  26. #menu li{
  27. display:inline;
  28. }
  29. #menu ul{
  30. list-style:none;
  31. }
  32. #header{
  33. width:386px;
  34. height:170px;
  35. background-image: url(images/header_img.jpg);
  36. float:right;
  37. }
  38. #title{
  39. width:394px;
  40. height:100px;
  41. background-image: url(images/title_bg.jpg);
  42. float:left;
  43. }
  44. #bar{
  45. width:781px;
  46. height:30px;
  47. background-color:rgb(0,125,179);
  48. padding-top:160px;
  49. }
  50. #footer{
  51. width:781px;
  52. height:30px;
  53. background-color:rgb(0,125,179);
  54. }
  55. .bottom{
  56. width:781px;
  57. height:330px;
  58. background-color:gray;
  59. }
  60. #left{
  61. width:197px;
  62. height:330px;
  63. background-color:rgb(254,165,44);
  64. float:left;
  65. text-align:left;
  66. }
  67. #right{
  68. width:584px;
  69. height:330px;
  70. background-color:white;
  71. float:right;
  72. }
  73. h4{
  74. color:white;
  75. padding-left:15px;
  76. }
  77. p{
  78. padding-left:10px;
  79. color:black;
  80. }
  81. #fea{
  82. padding-top:15px;
  83. font-weight:bold;
  84. font-size:19px;
  85. font-family:arial;
  86. color:rgb(0,125,179);
  87. }
  88. footer{
  89. font-family:arial;
  90. padding-top:8px;
  91. font-size:11px;
  92. color:white;
  93. }
  94. .ls{
  95. list-style-image: url(images/list_img2.jpg);
  96. }
  97. .lis{
  98. margin-left:20px;
  99. text-align:justify;
  100. font-family:arial;
  101. font-size:13px;
  102. list-style-image: url(images/list_img.jpg);
  103. }
  104. </style>
  105. <title>My Website</title>
  106. </head>
  107. <body>
  108. <center><div class="top">
  109. <div id="menu">
  110. <a href="*">HOME</a>
  111. <a href="*">ABOUT US</a>
  112. <a href="*">ARTICLES</a>
  113. <a href="*">PHOTOS</a>
  114. <a href="*">CONTACT US</a>
  115. </div>
  116. <div id="header">
  117. </div>
  118. <div id="title">
  119. <img src="images/title.jpg" style="padding-top:30px;">
  120. </div>
  121. <div id="bar">
  122. </div></center>
  123. </div>
  124. <center><div class="bottom">
  125. <div id="left">
  126. <h4>Website add-ons</h4>
  127. <p>Check out our easy to integrate Web Site Add-ons!</p>
  128. <ul class="ls">
  129. <li>Smart Survey</li>
  130. <li>Smart Multi Poll</li>
  131. <li>Smart Poll</li>
  132. <li>Smart Guest Book</li>
  133. <li>Smart Quote</li>
  134. </ul>
  135. </div>
  136. <div id="right">
  137. <p id="fea">Feature of this CSS Personal/General Template</p>
  138. <ul class="lis">
  139. <li>Attractive general or personal web site design using bright colors</li>
  140. <li>Optimized, fast-loading and W3C certified valid CSS & HTML code</li>
  141. <li>Easy-to-edit Text Links with easy-to-use Drop-down Menus</li>
  142. <li>Tableless layout CSS design. All <b>11</b> linked HTML pages included</li>
  143. <li>Cross Browser Compatible - Tested for IE 5+, Netscape 6+, Opera 7+, Firefox 1.0+</li>
  144. <li>Design to stretch and fit all resolution (800 X 600 and higher)</li>
  145. </ul>
  146. </div>
  147. </div>
  148. <div id="footer">
  149. <footer>Copyright© www.yoursitename.com - All Right Reserved. Designed by SmartWebby.com</footer>
  150. </div>
  151. </body>
  152. </html>
  153.  
  154.  
  155.  
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166. Exer1
  167.  
  168. <html>
  169. <head>
  170. <style>
  171. fieldset{
  172. width:30%
  173. }
  174. table {
  175. width:30%;
  176. }
  177. #b01{
  178. text-color:red;
  179. }
  180. table, th, td {
  181. border-collapse: collapse;
  182. }
  183. th, td {
  184. padding: 5px;
  185. text-align: left;
  186. }
  187. table#t01 tr:nth-child(even) {
  188. background-color: #eee;
  189. }
  190. table#t01 tr:nth-child(odd) {
  191. background-color:#fff;
  192. }
  193. table#t01 th {
  194. background-color: black;
  195. color: white;
  196. }
  197. </style>
  198. <title>Exercise 1</title>
  199. </head>
  200. <body>
  201.  
  202. <fieldset>
  203. <legend> Personal Information</legend>
  204. SEX: <input type="radio" name="sex" value="male" checked="checked">Male
  205. <input type="radio" name="sex" value="female">Female</br>
  206. Birthday:<Select name="month">
  207. <Option selected value="January"> January</Option>
  208. <Option selected value="February"> February</Option>
  209. <Option selected value="March"> March</Option>
  210. <Option selected value="April"> April</Option>
  211. <Option selected value="May"> May</Option>
  212. <Option selected value="June"> June</Option>
  213. <Option selected value="July"> July</Option>
  214. <Option selected value="August"> August</Option>
  215. <Option selected value="September"> September</Option>
  216. <Option selected value="October"> October</Option>
  217. <Option selected value="November"> November</Option>
  218. <Option selected value="December"> December</Option>
  219. </Select>
  220. Birthdate: <Select name="birthdate">
  221. <Option selected value="1"> 1</Option>
  222. <Option selected value="2"> 2</Option>
  223. <Option selected value="3"> 3</Option>
  224. <Option selected value="4"> 4</Option>
  225. <Option selected value="5"> 5</Option>
  226. <Option selected value="6"> 6</Option>
  227. <Option selected value="7"> 7</Option>
  228. <Option selected value="8"> 8</Option>
  229. <Option selected value="9"> 9</Option>
  230. <Option selected value="10"> 10</Option>
  231. <Option selected value="11"> 11</Option>
  232. <Option selected value="12"> 12</Option>
  233. <Option selected value="13"> 13</Option>
  234. <Option selected value="14"> 14</Option>
  235. <Option selected value="15"> 15</Option>
  236. <Option selected value="16"> 16</Option>
  237. <Option selected value="17"> 17</Option>
  238. <Option selected value="18"> 18</Option>
  239. <Option selected value="19"> 19</Option>
  240. <Option selected value="20"> 20</Option>
  241. <Option selected value="21"> 21</Option>
  242. <Option selected value="22"> 22</Option>
  243. <Option selected value="23"> 23</Option>
  244. <Option selected value="24"> 24</Option>
  245. <Option selected value="25"> 25</Option>
  246. <Option selected value="26"> 26</Option>
  247. <Option selected value="27"> 27</Option>
  248. <Option selected value="28"> 28</Option>
  249. <Option selected value="29"> 29</Option>
  250. <Option selected value="30"> 30</Option>
  251. <Option selected value="31"> 31</Option>
  252. </Select>
  253. Birth year: <Select name="year">
  254. <Option selected value="1990"> 1990</Option>
  255. <Option selected value="1991"> 1991</Option>
  256. <Option selected value="1992"> 1992</Option>
  257. <Option selected value="1993"> 1993</Option>
  258. <Option selected value="1994"> 1994</Option>
  259. <Option selected value="1995"> 1995</Option>
  260. <Option selected value="1996"> 1996</Option>
  261. <Option selected value="1997"> 1997</Option>
  262. <Option selected value="1998"> 1998</Option>
  263. <Option selected value="1999"> 1999</Option>
  264. </Select></br>
  265. State: <Select name="state">
  266. <Option selected value="Ohio"> Ohio</Option>
  267. <Option selected value="Oklahoma"> Oklahoma</Option>
  268. <Option selected value="Florida"> Florida</Option>
  269. <Option selected value="NewOrleans"> New Orleans</Option>
  270. <Option selected value="Chicago"> Chicago</Option>
  271. </Select></br>
  272. Country: <Select name="country">
  273. <Option selected value="Philippines"> Philippines</Option>
  274. <Option selected value="UnitedState"> United State</Option>
  275. <Option selected value="Russia"> Russia</Option>
  276. <Option selected value="China"> China</Option>
  277. <Option selected value="Singapore"> Singapore</Option>
  278. <Option selected value="Germany"> Germany</Option>
  279. </Select>
  280. </fieldset>
  281. </br>
  282. <fieldset>
  283. <legend>Site Registration</legend>
  284. Username: <input type="text" name="user" placeholder="username"></br>
  285. Password: <input type="password" name="pass" placeholder="password"></br>
  286. Retype password: <input type="password" name="pass" placeholder="retype password"></br>
  287. Email address: <input type="email" name="email" placeholder="Youremail@gmail.com"></br>
  288. Retype Eemail address: <input type="email" name="email" placeholder="Youremail@gmail.com"></br>
  289. </fieldset>
  290. <input type="button" name="submit" value="Submit">
  291.  
  292.  
  293. <table id="t01">
  294.  
  295. <tr>
  296. <th> Shipping </th>
  297. <th></th>
  298. <th> *Required fields </th>
  299. </tr>
  300.  
  301. <tr>
  302. <td><b>Address</b> </td>
  303. <td> *First name<br> <input type="text" name="name" ></td>
  304. <td> *Last name <br><input type="text" name="name"> </td>
  305. </tr>
  306.  
  307. <tr>
  308. <td></td>
  309. <td>*House Number and Street<br> <input type="text" name="name" size="30"></td>
  310. </tr>
  311.  
  312. <tr>
  313. <td></td>
  314. <td>Address line 2<br> <input type="text" name="name" size="30"></td>
  315. </tr>
  316.  
  317. <tr>
  318. <td></td>
  319. <td>*Town/City<br> <input type="text" name="name"></td>
  320. <td>*State<br> <Select name="state">
  321. <Option selected value="Ohio"> Ohio</Option>
  322. <Option selected value="Oklahoma"> Oklahoma</Option>
  323. <Option selected value="Florida"> Florida</Option>
  324. <Option selected value="NewOrleans"> New Orleans</Option>
  325. <Option selected value="Chicago"> Chicago</Option>
  326. </Select></td>
  327. </tr>
  328.  
  329. <tr>
  330. <td></td>
  331. <td>*Zip code<br> <input type="text" name="name" placeholder="xxxxxx"></td>
  332. </tr>
  333.  
  334. <tr>
  335. <td></td>
  336. <td>*Day phone(incl.area code)<br> <input type="text" name="name" placeholder="63-xxxxx-xxxx"></td>
  337. </tr>
  338.  
  339. <tr>
  340. <td></td>
  341. <td><input type="checkbox" name="info" checked="checked">Use this address for my Billing information</td>
  342. </tr>
  343. </table>
  344. </br>
  345.  
  346. <table>
  347. <hr width="30%" align="left"></hr>
  348. <tr>
  349. <td><b>Delivery</b></td>
  350. <td>*Shipping method:</td>
  351. </tr>
  352.  
  353. <tr>
  354. <td></td>
  355. <td><input type="radio" name="days" value="79">7-9 business days- $0.00</td>
  356. </tr>
  357.  
  358. <tr>
  359. <td></td>
  360. <td><input type="radio" name="days" value="79">3-5 business days- $7.00</td>
  361. </tr>
  362.  
  363. <tr>
  364. <td></td>
  365. <td><input type="radio" name="days" value="79">2 business days- $17.00</td>
  366. </tr>
  367.  
  368. <tr>
  369. <td></td>
  370. <td><input type="radio" name="days" value="79">1 business days- $22.00</td>
  371. </tr>
  372.  
  373. <tr>
  374. <td></td>
  375. <td>Learn more about shpping options </td>
  376. </tr>
  377.  
  378. <tr>
  379. <th><input type="button" name="continue" value="Continue" ></th>
  380. </tr>
  381.  
  382. </table>
  383.  
  384. </body>
  385.  
  386. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!