daniramadhan7

Index_html_CV_SoloLearn

Sep 6th, 2021 (edited)
2,203
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <title>Ramadhan Arif H</title>
  5.         <link href="https://fonts.googleapis.com/css?family=Handlee" rel="stylesheet">
  6.         <link href="stylesheet.css" rel = "stylesheet" type="text/css">
  7.     </head>
  8.    
  9.     <body>
  10.         <!-- header start -->
  11.         <div id="header" class="section">
  12.             <img alt="" class="img-circle" src="https://blob.sololearn.com/avatars/aa244489-0de1-4442-8e14-32b198580de1.jpg">
  13.             <p>Ramadhan Arif Hardijansyah</p>
  14.         </div>
  15.         <!-- header end -->
  16.        
  17.         <!-- About Me section start -->
  18.         <div class="section">
  19.             <h1><span>About Me</span></h1>
  20.             <p>
  21.                 Hey! I'm <strong>Dani</strong>.
  22.                 Coding is a very fun activity.
  23.                 Learning to code provides <i>problem-solving skills</i> and a way to communicate with others on a technical level.
  24.                 Coding can be used to create useful applications, to make our lives easier. I like code and learn useful new things.
  25.             </p>
  26.             <p class="quote">"Coding is nice and useful"</p>
  27.         </div>
  28.         <!-- About Me section end -->
  29.  
  30.         <!-- My CV section start -->
  31.         <div class="section">
  32.             <h1><span>My CV</span></h1>
  33.             <table>
  34.                 <tr>
  35.                     <td>Full Name</td>
  36.                     <td>Ramadhan Arif Hardijansyah</td>
  37.                 </tr>
  38.                 <tr>
  39.                     <td>Address</td>
  40.                     <td>Jl. Bhaskara V no 5, Kel. Kalisari</td>
  41.                 </tr>
  42.                 <tr>
  43.                     <td>District</td>
  44.                     <td>Kec. Mulyorejo</td>
  45.                 </tr>
  46.                 <tr>
  47.                     <td>City</td>
  48.                     <td>Surabaya</td>
  49.                 </tr>
  50.                 <tr>
  51.                     <td>Province</td>
  52.                     <td>East Java</td>
  53.                 </tr>
  54.                 <tr>
  55.                     <td>Place, Date of birth</td>
  56.                     <td>Surabaya, 26 December 1999</td>
  57.                 </tr>
  58.                 <tr>
  59.                     <td>Religion</td>
  60.                     <td>Islam</td>
  61.                 </tr>
  62.                 <tr>
  63.                     <td>Gender</td>
  64.                     <td>Male</td>
  65.                 </tr>
  66.                 <tr>
  67.                     <td>Martial Status</td>
  68.                     <td>Single</td>
  69.                 </tr>
  70.                 <tr>
  71.                     <td>Country of Origin</td>
  72.                     <td>Indonesia</td>
  73.                 </tr>
  74.                 <tr>
  75.                     <td>Citizenship</td>
  76.                     <td>Indonesian</td>
  77.                 </tr>
  78.                 <tr>
  79.                     <td>Occupation</td>
  80.                     <td>College Student</td>
  81.                 </tr>
  82.                 <tr>
  83.                     <td>Phone</td>
  84.                     <td>+6281358852890</td>
  85.                 </tr>
  86.                 <tr>
  87.                     <td>Email</td>
  88.                     <td>dani.ramadhan7@gmail.com</td>
  89.                 </tr>
  90.                 <tr>
  91.                     <td>Languages</td>
  92.                     <td>
  93.                         &#8226; Indonesian– native language<br>
  94.                         &#8226; Javanese– local language<br>
  95.                         &#8226; English– speak quite fluently and read/write with quite high-proficiency<br>
  96.                         &#8226; Arabic–speak, read, and write with basic competence
  97.                     </td>
  98.                 </tr>
  99.                 <tr>
  100.                     <td>Personality</td>
  101.                     <td>Creative, Insightful, Passionate</td>
  102.                 </tr>
  103.                 <tr>
  104.                     <td>Hobby</td>
  105.                     <td>
  106.                         Code and Learn new useful things.
  107.                     </td>
  108.                 </tr>
  109.             </table><br>
  110.             <h3><span>Formal Education</span></h3>
  111.             <table>
  112.                 <tr>
  113.                     <th>Educational level</th>
  114.                     <th>School</th>
  115.                     <th>Start and End Date</th>
  116.                 </tr>
  117.                 <tr>
  118.                     <td>Primary School</td>
  119.                     <td>SDN Kalisari II No. 513 Surabaya</td>
  120.                     <td>2006 - 2012</td>
  121.                 </tr>
  122.                 <tr>
  123.                     <td>Junior High School</td>
  124.                     <td>SMP Negeri 1 Surabaya</td>
  125.                     <td>2012 - 2015</td>
  126.                 </tr>
  127.                 <tr>
  128.                     <td>Senior High School</td>
  129.                     <td>SMA Ar-Rohmah Malang</td>
  130.                     <td>2016 - 2018</td>
  131.                 </tr>
  132.                 <tr>
  133.                     <td>University</td>
  134.                     <td>Institut Teknologi Sepuluh Nopember</td>
  135.                     <td>2019 - Now</td>
  136.                 </tr>
  137.             </table>
  138.         </div>
  139.         <!-- My CV section end -->
  140.  
  141.         <!-- My Skills section start -->
  142.         <div class="section">
  143.             <h1><span>My Skills</span></h1>
  144.             <ul>
  145.                 <li>C++ <br />
  146.                     <progress min="0" max="100" value="66"></progress>
  147.                 </li>
  148.                 <li>Python <br />
  149.                     <progress min="0" max="100" value="45"></progress>
  150.                 </li>
  151.                 <li>HTML <br />
  152.                     <progress min="0" max="100" value="40"></progress>
  153.                 </li>
  154.                 <li>SQL <br />
  155.                     <progress min="0" max="100" value="35"></progress>
  156.                 </li>
  157.                 <li>CSS <br />
  158.                     <progress min="0" max="100" value="5"></progress>
  159.                 </li>                
  160.                 <li>JavaScript <br />
  161.                     <progress min="0" max="100" value="1"></progress>
  162.                 </li>
  163.                
  164.             </ul>
  165.         </div>
  166.         <!-- My Skills section end -->
  167.        
  168.        
  169.         <!-- My Schedule section start -->
  170.         <div class="section">
  171.             <h1><span>PWeb Class Schedule</span></h1>
  172.             <table>
  173.                 <tr>
  174.                     <th>Day</th>
  175.                     <th>Mon</th>
  176.                     <th>Tue</th>
  177.                     <th>Wed</th>
  178.                     <th>Thu</th>
  179.                     <th>Fri</th>
  180.                 </tr>
  181.                 <tr>
  182.                     <td>07:00 - 09:30</td>
  183.                     <td></td>
  184.                     <td></td>
  185.                     <td></td>
  186.                     <td></td>
  187.                     <td></td>
  188.                 </tr>
  189.                 <tr>
  190.                     <td>10:00 - 11:30</td>
  191.                     <td></td>
  192.                     <td class="selected">PWeb - A</td>
  193.                     <td></td>
  194.                     <td></td>
  195.                     <td></td>
  196.                 </tr>
  197.                 <tr>
  198.                     <td>13:00 - 14:40</td>
  199.                     <td></td>
  200.                     <td></td>
  201.                     <td></td>
  202.                     <td></td>
  203.                     <td></td>
  204.                 </tr>
  205.                 <tr>
  206.                     <td>16:15 - 17:15</td>
  207.                     <td></td>
  208.                     <td></td>
  209.                     <td></td>
  210.                     <td></td>
  211.                     <td></td>
  212.                 </tr>
  213.                 <tr>
  214.                     <td>18:00 - 18:30</td>
  215.                     <td></td>
  216.                     <td></td>
  217.                     <td></td>
  218.                     <td></td>
  219.                     <td></td>
  220.                 </tr>
  221.             </table>
  222.         </div>
  223.         <!-- My Schedule section end -->
  224.  
  225.        
  226.          <!-- Media section start -->
  227.         <div class="section">
  228.             <h1><span>My Media</span></h1>
  229.             <iframe width="569" height="320" src="https://www.youtube.com/embed/72-qYWsJqho" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  230.         </div>
  231.         <!-- Media section end -->
  232.        
  233.         <!-- Form section start -->
  234.        <div class="section">
  235.             <h1><span>Contact Me</span></h1>
  236.             <p align="center">
  237.                 <b>This Form is Not Working</b>
  238.             </p>
  239.  
  240.             <form>
  241.                 <input name="name" placeholder="Name" type="text" required /><br/>
  242.                 <input name="email" placeholder="Email" type="email" required /><br/>
  243.                 <textarea name="message" placeholder="Message" required ></textarea>
  244.                 <input type="submit" value="SEND" class="submit" />
  245.             </form>
  246.         </div>
  247.         <!-- Form section end -->
  248.        
  249.         <!-- Contacts section start -->
  250.         <div class="section" id="contacts">
  251.             <h1><span>Follow Me</span></h1>
  252.             <div>
  253.                 <a href="https://www.sololearn.com/profile/273326" target="_blank">
  254.                     <img alt="SoloLearn" src="https://www.sololearn.com/Uploads/icons/sololearn.png" />
  255.             </div>
  256.         </div>
  257.         <!-- Contacts section end -->
  258.        
  259.         <div class="copyright">
  260.             &copy; 2021 Ramadhan Arif Hardijansyah. All rights reserved.
  261.         </div>
  262.        
  263.     </body>
  264. </html>
RAW Paste Data Copied