Advertisement
Guest User

Untitled

a guest
May 24th, 2017
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.79 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4.  
  5.  
  6.  
  7.  
  8. <head>
  9.  
  10. <style>
  11. #error {color: red;}
  12. </style>
  13. </head>
  14. <body>
  15. <form id="form1">
  16. <label id="lblName" for="inpName">Name: </label><input id="inpName" type="text" name="name"><br/><br/>
  17. <input type="button" onclick="showMessage()" value="Submit">
  18. </form>
  19. <p id="error" hidden>Please enter a name</p>
  20. <script>
  21. function showMessage() {
  22. var name = document.getElementById("inpName").value;
  23. var err = document.getElementById("error");
  24. if (name != ""){
  25. err.setAttribute("hidden", true);
  26. alert("Thanks for viewing my page " + name);
  27. } else {
  28. err.removeAttribute("hidden");
  29. }
  30. }
  31. </script>
  32.  
  33. <title>my webpage</title>
  34.  
  35.  
  36. </head>
  37.  
  38.  
  39.  
  40.  
  41.  
  42. <body>
  43.  
  44.  
  45. <meta name="keywords" content="Professional, Athlete, Sports, Millions" />
  46.  
  47.  
  48. <meta name="description" content="This page is a resume for my athlete skills" />
  49.  
  50.  
  51. <meta name="author" content="Paul Park" />
  52.  
  53.  
  54. <meta charset="UTF-8" />
  55.  
  56.  
  57. <link rel="stylesheet" type="text/css" href="main.css">
  58.  
  59.  
  60.  
  61.  
  62.  
  63. <h1>Pursuing Perfection</h1>
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72. <p class="intro">
  73.  
  74.  
  75. Welcome to <i>the</i> skills and reasons why I should be recruited
  76.  
  77.  
  78. </p>
  79.  
  80.  
  81. <iframe width="560" height="315" src="https://www.youtube.com/embed/LsBtylHHoUg" alt="Welcome to virtual universe, heres a short video on what we have interests in" frameborder="0" allowfullscreen></iframe>
  82.  
  83.  
  84. <hr/>
  85.  
  86.  
  87. <div>
  88. <img src="soccer.jpg" onmouseover="this.src='fifa.jpg'" onmouseout="this.src='soccer.jpg'" />
  89. </div
  90.  
  91. <ul>
  92.  
  93.  
  94. <li><a href="parkpaulassignment8.html">Home</a></li>
  95.  
  96.  
  97. <li><a href="Gallery.html">Gallery</a></li>
  98.  
  99.  
  100. <li><a href="ContactMe.html">Contact Me</a></li>
  101.  
  102.  
  103.  
  104. </ul>
  105.  
  106.  
  107.  
  108.  
  109.  
  110. <ol>
  111.  
  112.  
  113. <li><a href="Frequently Asked Questions.html">Frequently Asked Questions</a></li>
  114.  
  115.  
  116. <li><a href="Inspiration.html">Inspiration</a></li>
  117.  
  118.  
  119. </ol>
  120.  
  121.  
  122.  
  123.  
  124.  
  125. <hr/>
  126.  
  127.  
  128. <div class="body">
  129.  
  130.  
  131. <h2>About Myself</h2>
  132.  
  133.  
  134. <p>I am a 23 year old male with a dream and burning passion of becoming a professional soccer player. Beggers can't be chooers, but if I could choose any
  135. team to play/represent for it would be DC United. All my life I have lived in the DC area and it would be an honor and ultimate motivation to
  136. help win a championship to give back to the city. Growing up in this area was such a privileged, but as a kid you don't understand how hard
  137. our parents had to work to keep the lights on. The reason why I would choose to play for this team is so when we eventually win a championship
  138. I could be a motivational speaker for the local kids to be the best that they could be.
  139.  
  140. </p>
  141.  
  142.  
  143. <hr/>
  144.  
  145.  
  146. <h2>Motivation</h2>
  147.  
  148.  
  149. <p>First off, I would have to thank the woman who birthed me into such a well developed area, giving me the oppportunity to attend public schools
  150. with great teachers and even better coaches. Coaches are like second parents because if I washn't with my family or friends,
  151. I'd most likely been at practice, working my butt off. I would like to thank my previous coaches for passing all of their years of knowledge down
  152. to me. I would always like to mention other coaches who have the same mentality to make an athlete as great as possible. Growing up
  153. I was always apart of a sports team, summer, spring, winter, or fall it didn't matter. I've played basketball, football, lacrosse, and of course soccer.
  154. I fell in love with soccer the most, espically because I never had a better feeling than scoring a goal in soccer.
  155. What motivated me to choose soccer as the sport I wanted to play professionally is playing with an uncle during early mornings, I never had more fun.</p>
  156.  
  157.  
  158.  
  159. </p>
  160.  
  161.  
  162. <hr/>
  163.  
  164.  
  165. <h2>Training</h2>
  166.  
  167.  
  168. <p>Training was a full time job. The hardest part of the training for mewas eating correctly, believe it or not. I always had a strong mentality on
  169. physical training because I like to push myself to it's full limit. Meal preping, eating meals at the correct time, eating enough was by far
  170. the hardest challenge. Furthermore, trying to drink a gallon of water every 24 hours can become exhausting. Overall, it was a blessing and a curse.
  171. I had to learn how to cook for myself, learn about what I needed to eat the night before a game, and a few hours before a game. This lifestyle is not
  172. for everyone, but I knew this was my path of life when I dedicated my whole life to the love of my life, soccer.
  173.  
  174.  
  175. </p>
  176.  
  177.  
  178. <hr/>
  179.  
  180.  
  181. <h2>Reliable Websites</h2>
  182.  
  183.  
  184. <ul>
  185.  
  186.  
  187. <li><a href="https://nike.com">Nike</a></li>
  188.  
  189.  
  190. <li><a href="https://flightclub.com/">Flight Club</a></li>
  191.  
  192.  
  193. <li><a href="https://23isback.com/">23ISBACK</a></li>
  194.  
  195.  
  196. <li><a href="https://supremenewyork.com/">Supreme</a></li>
  197.  
  198.  
  199. </ul>
  200.  
  201.  
  202. <hr/>
  203.  
  204.  
  205. <table align="center" border="3" cellspacing="4" cellpadding="5">
  206.  
  207.  
  208. <tr>
  209.  
  210.  
  211. <caption>Statistics</caption>
  212.  
  213.  
  214. </tr>
  215.  
  216.  
  217. <tr>
  218.  
  219.  
  220. <th>Age</th>
  221.  
  222.  
  223. <th>Experience</th>
  224.  
  225.  
  226. <th>Championship</th>
  227.  
  228.  
  229. </tr>
  230.  
  231.  
  232. <tr>
  233.  
  234.  
  235. <td>20</td>
  236.  
  237.  
  238. <td>Senior Year Varsity Soccer</td>
  239.  
  240.  
  241. <td>2nd Place</td>
  242.  
  243.  
  244. </tr>
  245.  
  246.  
  247. <tr>
  248.  
  249.  
  250. <td>22</td>
  251.  
  252.  
  253. <td>Local Travel Team "The Lancers"</td>
  254.  
  255.  
  256. <td>1st Place</td>
  257.  
  258.  
  259. </tr>
  260.  
  261.  
  262. <tr>
  263.  
  264.  
  265. <td>23</td>
  266.  
  267.  
  268. <td>Local Travel Team "The Atoms"</td>
  269.  
  270.  
  271. <td>3rd Place</td>
  272.  
  273.  
  274. </tr>
  275.  
  276.  
  277. </table>
  278.  
  279.  
  280. <h2>Payments</h2>
  281.  
  282.  
  283. <div>
  284.  
  285.  
  286. <a href="https://paypal.com/">
  287.  
  288.  
  289. <img src="http://www.tjcsa.com/wp-content/uploads/2016/02/PayPal-Button-Clear-Background-3.png" alt="PayPal" style="width:450px;height:200px;" />
  290.  
  291.  
  292. </a>
  293.  
  294.  
  295. </div>
  296.  
  297.  
  298. <p>There are hundreds of people scammed out of their hard earned money every year..This site will NOT be one that contributes to the awful statistic. Paypal is the most reliable form of payment which is the reason why we will using them as a third party,
  299.  
  300.  
  301. and only them. If you do not already have an account with them, please click the image above which will direct you to their website. Paypal is the <span class="white">ONLY</span> valid form to purchase or sell. Eventually, this site will grow and
  302.  
  303.  
  304. people will either want to meet up locally to buy, trade, or sell. We do not encourage it, and if the members do they can ask an administrator on how they can go about meeting up safely with another member.</p>
  305.  
  306.  
  307. <hr/>
  308.  
  309.  
  310. <form id="myform">
  311.  
  312.  
  313. <table align="center">
  314.  
  315.  
  316. <tr>
  317.  
  318.  
  319. <td colspan="2">
  320.  
  321.  
  322. <label for="txtUsername">Username: </label>
  323.  
  324.  
  325. <input type="text" id="txtUsername">
  326.  
  327.  
  328. </td>
  329.  
  330.  
  331. </tr>
  332.  
  333.  
  334. <tr>
  335.  
  336.  
  337. <td>
  338.  
  339.  
  340. <label>Favorite Soccer Team</label><br>
  341.  
  342.  
  343.  
  344. <div class="radiobuttons">
  345.  
  346.  
  347. <input type="radio" id="radioArsenal" value="Nike" name="Teams" checked><label for="radioArsenal">Arsenal</label><br>
  348.  
  349.  
  350. <input type="radio" id="radioChelsea" value="Chelsea" name="Teams"><label for="radioAdidas">Chelsea</label><br>
  351.  
  352.  
  353. <input type="radio" id="radioReal Madrid" value="Real Madrid" name="Teams"><label for="radioReal Madrid">Real Madrid</label><br>
  354.  
  355.  
  356. <input type="radio" id="radioUnderLiver Pool" value="Liver Pool" name="Teams"><label for="radioUnderLiver Pool">Liver Pool</label><br>
  357.  
  358.  
  359. <input type="radio" id="radioBarcelona" value="Barcelona" name="Teams"><label for="radioBarcelona">Barcelona</label><br>
  360.  
  361. <input type="radio" id="radioDC United" value="DC United" name="Teams"><label for="radioDC United">DC United</label><br>
  362.  
  363.  
  364. </div>
  365.  
  366.  
  367. </td>
  368.  
  369.  
  370. <td>
  371.  
  372.  
  373. <label>Perfer Watching</label><br>
  374.  
  375.  
  376. <div class="checkboxes">
  377.  
  378.  
  379. <input type="checkbox" name="sex" id="cbMale" checked><label for="cbMale">Male</label><br>
  380.  
  381.  
  382. <input type="checkbox" name="sex" id="cbFemale"><label for="cbEFemale">Female</label><br>
  383.  
  384.  
  385. </div>
  386.  
  387.  
  388. </td>
  389.  
  390.  
  391. </tr>
  392.  
  393.  
  394. <tr>
  395.  
  396.  
  397. <td>
  398.  
  399.  
  400. <label for="dropdown">Jersey Size</label>
  401.  
  402.  
  403. <select id="dropdown">
  404.  
  405.  
  406. <option value="small">Small</option>
  407.  
  408.  
  409. <option value="Medium">Medium</option>
  410.  
  411.  
  412. <option value="large">Large</option>
  413.  
  414.  
  415. <option value="XLarge">XLarge</option>
  416.  
  417.  
  418. </select>
  419.  
  420.  
  421. </td>
  422.  
  423.  
  424. <td>
  425.  
  426.  
  427. <label for="password">Password: </label>
  428.  
  429.  
  430. <input type="password" id="password"><br>
  431.  
  432.  
  433. </td>
  434.  
  435.  
  436. </tr>
  437.  
  438.  
  439. <tr>
  440.  
  441.  
  442. <td colspan="2">
  443.  
  444.  
  445. <input type="file" name="pic" accept="image/*"><br><br>
  446.  
  447.  
  448. <input type="submit" value="submit">
  449.  
  450.  
  451. <input type="reset" value="reset">
  452.  
  453.  
  454. </td>
  455.  
  456.  
  457. </tr>
  458.  
  459.  
  460. </table>
  461.  
  462.  
  463. <textarea form="myform" rows="4" cols="50" name="txtarea">If you'd like to contact me about ANYTHING, from workouts to asking questions, please do!</textarea>
  464.  
  465. </form>
  466.  
  467. </div>
  468.  
  469. <img src="lionel-messi.jpg" alt="Messi" style="width:400px;height:210px;" />
  470.  
  471.  
  472. <img src="cr.jpg" alt="Ronaldo" style="width:500px;height:210px;" />
  473.  
  474.  
  475. <a href="https://www.soccer.com/">
  476.  
  477.  
  478. <img src="https://image.freepik.com/free-vector/soccer-logos-template_1126-60.jpg" alt="Soccercom" style="width:500px;height:210px;">
  479.  
  480.  
  481. </a>
  482.  
  483. <img src="rond.jpg" alt="rond" style="width: 460px;height:200px;" class="float-img" />
  484.  
  485. <p><span class="copyright">Copyright Contents</span></p>
  486.  
  487.  
  488. <p>&copy;</p>
  489.  
  490.  
  491. </body>
  492.  
  493.  
  494.  
  495.  
  496.  
  497. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement