[html4strict] CV
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
- <!DOCTYPE html>
- <html>
- <head>
- <title>My CV</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
- <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
- <style>
- html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
- </style>
- </head>
- <body class="w3-light-grey">
- <!-- Page Container -->
- <div class="w3-content w3-margin-top" style="max-width:1400px;">
- <!-- The Grid -->
- <div class="w3-row-padding">
- <!-- Left Column -->
- <div class="w3-third">
- <div class="w3-white w3-text-grey w3-card-4">
- <div class="w3-display-container">
- <img src="https://upload.wikimedia.org/wikipedia/commons/f/f6/NAPSTER.png" style="width:100%" alt="Avatar">
- <div class="w3-display-bottomleft w3-container w3-text-black">
- <h2>Derry Cahya Bahtera</h2>
- </div>
- </div>
- <div class="w3-container">
- <p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>IT ENGINEER</p>
- <p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Balikpapan</p>
- <p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>+6281348418900</p>
- <hr>
- <p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Skills</b></p>
- <p>Network Maintenance</p>
- <div class="w3-light-grey w3-round-xlarge w3-small">
- <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:90%">90%</div>
- </div>
- <p>Database Design</p>
- <div class="w3-light-grey w3-round-xlarge w3-small">
- <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:80%">
- <div class="w3-center w3-text-white">80%</div>
- </div>
- </div>
- <p>Illustrator</p>
- <div class="w3-light-grey w3-round-xlarge w3-small">
- <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:75%">75%</div>
- </div>
- <p>Media</p>
- <div class="w3-light-grey w3-round-xlarge w3-small">
- <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
- </div>
- <br>
- <p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p>
- <p>Bahasa Indonesia</p>
- <div class="w3-light-grey w3-round-xlarge">
- <div class="w3-round-xlarge w3-teal" style="height:24px;width:90%"></div>
- </div>
- <p>English</p>
- <div class="w3-light-grey w3-round-xlarge">
- <div class="w3-round-xlarge w3-teal" style="height:24px;width:70%"></div>
- </div>
- <!-- <p>German</p>
- <div class="w3-light-grey w3-round-xlarge">
- <div class="w3-round-xlarge w3-teal" style="height:24px;width:25%"></div>
- </div> -->
- <br>
- </div>
- </div><br>
- <!-- End Left Column -->
- </div>
- <!-- Right Column -->
- <div class="w3-twothird">
- <div class="w3-container w3-card w3-white w3-margin-bottom">
- <h2 class="w3-text-grey w3-padding-16"><i class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Work Experience</h2>
- <div class="w3-container">
- <h5 class="w3-opacity"><b>Engineer On Site / Telkom Kaltara</b></h5>
- <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>April 2020 - <span class="w3-tag w3-teal w3-round">Current</span></h6>
- <p>Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste.</p>
- <hr>
- </div>
- <!-- <div class="w3-container">
- <h5 class="w3-opacity"><b>Web Developer / something.com</b></h5>
- <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Mar 2012 - Dec 2014</h6>
- <p>Consectetur adipisicing elit. Praesentium magnam consectetur vel in deserunt aspernatur est reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure, iste.</p>
- <hr>
- </div>
- <div class="w3-container">
- <h5 class="w3-opacity"><b>Graphic Designer / designsomething.com</b></h5>
- <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Jun 2010 - Mar 2012</h6>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p><br>
- </div>
- </div> -->
- <div class="w3-container w3-card w3-white">
- <h2 class="w3-text-grey w3-padding-16"><i class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Education</h2>
- <div class="w3-container">
- <h5 class="w3-opacity"><b>Database Design</b></h5>
- <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Forever</h6>
- <p>Web Development! All I need to know in one place</p>
- <hr>
- </div>
- <div class="w3-container">
- <h5 class="w3-opacity"><b>Teknik Informatika</b></h5>
- <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2012 - 2018</h6>
- <p>Bachelor Degree</p>
- <hr>
- </div>
- <!-- <div class="w3-container">
- <h5 class="w3-opacity"><b>School of Coding</b></h5>
- <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2010 - 2013</h6>
- <p>Bachelor Degree</p><br>
- </div> -->
- </div>
- <!-- End Right Column -->
- </div>
- <!-- End Grid -->
- </div>
- <!-- End Page Container -->
- </div>
- <footer class="w3-container w3-teal w3-center w3-margin-top">
- <p>Find me on social media.</p>
- <i class="fa fa-facebook-official w3-hover-opacity"></i>
- <a href="https://www.instagram.com/dejavu_napster/"><i class="fa fa-instagram w3-hover-opacity"></a></i>
- <i class="fa fa-snapchat w3-hover-opacity"></i>
- <i class="fa fa-pinterest-p w3-hover-opacity"></i>
- <i class="fa fa-twitter w3-hover-opacity"></i>
- <i class="fa fa-linkedin w3-hover-opacity"></i>
- <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
- </footer>
- </body>
- </html>
Editor
You can edit this paste and save as new: