Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html lang="en-US">
- <head>
- <meta charset="UTF-8">
- <title>Form and iFrame</title>
- </head>
- <body>
- <div style="float:left; width:30%; height:630px; background:#f45942">
- <form action="">
- <fieldset style="height:610px">
- <legend> Sample Form</legend>
- <input type="text" /> <br /> <br />
- <input type="text" placeholder="Name" /> <br /> <br />
- <input type="email" placeholder="Email or Phone Number" /> <br /> <br />
- <input type="password" placeholder="Password" /> <br /> <br />
- <select name="day" id="">
- <option value="0">Day</option>
- <option value="1">1</option>
- <option value="2">1</option>
- </select>
- <select name="month" id="">
- <option value="0">Month</option>
- <option value="1">January</option>
- <option value="2">February</option>
- </select>
- <select name="year" id="">
- <option value="0">Year</option>
- <option value="1">1992</option>
- <option value="2">1982</option>
- </select> <br /> <br />
- <input type="radio" id="m" name="gender"/> <label for="m"> Male</label>
- <input type="radio" id="f" name="gender"/> <label for="f"> Female</label> <br /> <br />
- <input type="submit" value="Sign Up" /> <br /> <br />
- <textarea name="message" id="" cols="30" rows="10"></textarea> <br />
- <input type="color" /> <br />
- <input type="file" /> <br />
- </fieldset>
- </form>
- </div>
- <div style="float:right; width:68%; background:#f9e000">
- <fieldset>
- <div style="height=100%">
- <header>
- <h1>Learn PSD TO HTML</h1>
- <a href="#lesson1"><h4 style="display:inline">Lesson 1</h4></a> |
- <a href="#lesson2"><h4 style="display:inline">Lesson 2</h4></a> |
- <a href="#lesson3"><h4 style="display:inline">Lesson 3</h4></a> |
- <a href="#lesson4"><h4 style="display:inline">Lesson 4</h4></a> |
- <a href="#lesson5"><h4 style="display:inline">Lesson 5</h4></a>
- </header>
- <div height="100vh">
- <h3 id="lesson1">Lesson 1</h3>
- <iframe width="880" height="500" src="https://www.youtube.com/embed/czIRtH1n2bQ?list=PL4cUxeGkcC9gnow7e45LQFkNVxwQ5BH-W" frameborder="2" allowfullscreen></iframe>
- </div>
- </div>
- <br />
- <div style="height=100%">
- <h3 id="lesson2">Lesson 2</h3>
- <iframe width="560" height="315" src="https://www.youtube.com/embed/aikEy1m8z5g" frameborder="0" ></iframe>
- </div>
- <br />
- <div>
- <h3 id="lesson3">Lesson 3</h3>
- <iframe width="560" height="315" src="https://www.youtube.com/embed/jLQqTeWkXzs?rel=0" frameborder="0" ></iframe>
- </div>
- <br />
- <div>
- <h3 id="lesson4">Lesson 4</h3>
- <iframe width="560" height="315" src="https://www.youtube.com/embed/2ZVdUtbNDiw?rel=0&controls=0" frameborder="0" ></iframe>
- </div>
- <br />
- <div>
- <h3 id="lesson5">Lesson 5</h3>
- <iframe width="320" height="180" src="https://www.youtube.com/embed/CxQoY895iOE?rel=0&controls=0" frameborder="0" ></iframe>
- </div>
- </fieldset>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement