Advertisement
Guest User

Untitled

a guest
Jan 26th, 2017
196
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.25 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Form and iFrame</title>
  6. </head>
  7. <body>
  8. <div style="float:left; width:30%; height:630px; background:#f45942">
  9. <form action="">
  10. <fieldset style="height:610px">
  11. <legend> Sample Form</legend>
  12. <input type="text" /> <br /> <br />
  13. <input type="text" placeholder="Name" /> <br /> <br />
  14. <input type="email" placeholder="Email or Phone Number" /> <br /> <br />
  15. <input type="password" placeholder="Password" /> <br /> <br />
  16.  
  17. <select name="day" id="">
  18. <option value="0">Day</option>
  19. <option value="1">1</option>
  20. <option value="2">1</option>
  21. </select>
  22. <select name="month" id="">
  23. <option value="0">Month</option>
  24. <option value="1">January</option>
  25. <option value="2">February</option>
  26. </select>
  27. <select name="year" id="">
  28. <option value="0">Year</option>
  29. <option value="1">1992</option>
  30. <option value="2">1982</option>
  31. </select> <br /> <br />
  32. <input type="radio" id="m" name="gender"/> <label for="m"> Male</label>
  33. <input type="radio" id="f" name="gender"/> <label for="f"> Female</label> <br /> <br />
  34. <input type="submit" value="Sign Up" /> <br /> <br />
  35. <textarea name="message" id="" cols="30" rows="10"></textarea> <br />
  36. <input type="color" /> <br />
  37. <input type="file" /> <br />
  38.  
  39.  
  40. </fieldset>
  41. </form>
  42. </div>
  43.  
  44. <div style="float:right; width:68%; background:#f9e000">
  45. <fieldset>
  46. <div style="height=100%">
  47. <header>
  48. <h1>Learn PSD TO HTML</h1>
  49. <a href="#lesson1"><h4 style="display:inline">Lesson 1</h4></a> |
  50. <a href="#lesson2"><h4 style="display:inline">Lesson 2</h4></a> |
  51. <a href="#lesson3"><h4 style="display:inline">Lesson 3</h4></a> |
  52. <a href="#lesson4"><h4 style="display:inline">Lesson 4</h4></a> |
  53. <a href="#lesson5"><h4 style="display:inline">Lesson 5</h4></a>
  54. </header>
  55.  
  56. <div height="100vh">
  57. <h3 id="lesson1">Lesson 1</h3>
  58. <iframe width="880" height="500" src="https://www.youtube.com/embed/czIRtH1n2bQ?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W" frameborder="2" allowfullscreen></iframe>
  59. </div>
  60. </div>
  61. <br />
  62.  
  63. <div style="height=100%">
  64. <h3 id="lesson2">Lesson 2</h3>
  65. <iframe width="560" height="315" src="https://www.youtube.com/embed/aikEy1m8z5g" frameborder="0" ></iframe>
  66. </div>
  67. <br />
  68. <div>
  69. <h3 id="lesson3">Lesson 3</h3>
  70. <iframe width="560" height="315" src="https://www.youtube.com/embed/jLQqTeWkXzs?rel=0" frameborder="0" ></iframe>
  71. </div>
  72. <br />
  73. <div>
  74. <h3 id="lesson4">Lesson 4</h3>
  75. <iframe width="560" height="315" src="https://www.youtube.com/embed/2ZVdUtbNDiw?rel=0&amp;controls=0" frameborder="0" ></iframe>
  76. </div>
  77. <br />
  78. <div>
  79. <h3 id="lesson5">Lesson 5</h3>
  80. <iframe width="320" height="180" src="https://www.youtube.com/embed/CxQoY895iOE?rel=0&amp;controls=0" frameborder="0" ></iframe>
  81. </div>
  82. </fieldset>
  83. </div>
  84.  
  85.  
  86.  
  87. </body>
  88. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement