API tools faq
paste
daniramadhan7

Index_html_CV_SoloLearn

daniramadhan7
Sep 6th, 2021 (edited)
2,360
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.31 KB | None | 0 0
raw download clone embed print report
  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>
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!