API tools faq
paste
raffi_pratama

Untitled

raffi_pratama
Sep 7th, 2021
183
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <title>CV Raffi</title>
  8.   <link rel="stylesheet" href="cv.css">
  9.   <link href='https://fonts.googleapis.com/css?family=Libre Franklin' rel='stylesheet'>
  10.   <link href='https://fonts.googleapis.com/css?family=Norican' rel='stylesheet'>
  11.   <link href='https://fonts.googleapis.com/css?family=Yellowtail' rel='stylesheet'>
  12. </head>
  13.  
  14. <body>
  15.  
  16.  
  17.   <div class="header">
  18.     <div class="header-middle">
  19.       <div id="nav">
  20.       <a href="#aa"> Home </a>
  21.       <a href="#bb"> Introduction </a>
  22.       <a href="#cc"> Education </a>
  23.       <a href="#dd"> Portofolio </a>
  24.       </div>
  25.     </div>
  26.   </div>
  27.  
  28.  
  29.   <div id="aa"></div>
  30.   <div class="profile">
  31.     <div class="kontener">
  32.       <div class="profilenama">
  33.         <span>
  34.           <div class="judulnama">
  35.             <h1>RAFFI PRATAMA</h1>
  36.           </div>
  37.         </span>
  38.         <h3>Mahasiswa Informatika ITS 2019</h3>
  39.       </div>
  40.       <div class="fotoprofil">
  41.         <img src="fotokotak.jpg" class="center">
  42.       </div>
  43.       <div class="quote">
  44.         <h2>"Everything will be beautiful in its time."</h2>
  45.       </div>
  46.     </div>
  47.  
  48.   </div>
  49.   <div id="bb"></div>
  50.   <div class="intro">
  51.    
  52.     <div class="judulintro">
  53.       <div class="contain">
  54.        
  55.           <h1>
  56.           Introduction
  57.         </h1>
  58.       </div>
  59.      
  60.       Sedikit tentang saya
  61.       <br>
  62.       <p> Saya lahir di Surabaya pada tanggal 18 Desember 2000. Sebagai seorang mahasiswa saya tertarik akan banyak ilmu baru. Saat ini saya
  63.       menekuni mempelajari bahasa java, c, html, css, dan juga javascript. Selain itu saya juga sedang mempelajari skill lainnya seperti fotografi,
  64.        photoshop, bermain gitar, dan mempelajari investasi untuk mengisi waktu luang saya.
  65.     </p>
  66.    
  67.       </div>
  68.       <br>
  69.       <div id="cc"></div>
  70.       <div class="judulintro">
  71.         <div class="contain">
  72.          
  73.             <h1>
  74.         Education
  75.       </h1>
  76.          
  77.          
  78.         </div>
  79.        
  80.         Pendidikan yang saya tempuh
  81.       </div>
  82.       <br>
  83.       <br>
  84.       <br>
  85.     <div class="timeline">
  86.       <div class="container left">
  87.         <div class="content">
  88.           <h2>2007-2013</h2>
  89.           <h3>SD Al hikmah Surabaya</h3>
  90.           <p>Pada beberapa tahun tersebut sya menuntut ilmu di SD swasta Al-Hikmah. Disini saya banyak diajarkan tentang dasar-dasar pelajaran dan materi tentang agama islam yang sangat berharga bagi saya kedepannya.</p>
  91.         </div>
  92.       </div>
  93.       <div class="container right">
  94.         <div class="content">
  95.           <h2>2013-2016</h2>
  96.           <h3>SMPN 1 Surabya</h3>
  97.           <p>Di tahun ini saya mendapatkan banyak sekali pengalaman dan teman. Pada jenjang SMP saya pernah meraih juara umum drumband tingkat kota.</p>
  98.         </div>
  99.       </div>
  100.       <div class="container left">
  101.         <div class="content">
  102.           <h2>2016-2019</h2>
  103.           <h3>SMAN 5 Surabaya</h3>
  104.           <p>Disinilah saya berproses menjadi individu saat ini. Disini saya mengikuti beberapa kepanitiaan, seperti panitia NOUVEAU 2017,2018, dan panitia Tabligh Akbar 2018.</p>
  105.         </div>
  106.       </div>
  107.       <div class="container right">
  108.         <div class="content">
  109.           <h2>2019-sekarang</h2>
  110.           <h1>Informatika ITS</h1>
  111.           <p>Saat ini saya sedang menempa pendidikan di Informatika ITS. Pada jenjang ini saya mendapatkan banyak sekali pengalaman dan teman yang dapat memotivasi saya untuk menjadi orang yang lebih baik.</p>
  112.         </div>
  113.       </div>
  114.     </div>
  115.     <br>
  116.     <br>
  117.     <div id="dd"></div>
  118.   <div class="judulintro">
  119.     <div class="contain">
  120.      
  121.         <h1>
  122.     Portofolio
  123.   </h1>
  124.      
  125.        
  126.     </div>
  127.  
  128.     Berikut portofolio dari hasil fotografi saya.
  129.     <br>
  130.     <br>
  131.   <img src="porto1.jpg" class="tengah">
  132.   <br>
  133.   <br>
  134.   <img src="porto2.jpg" class="tengah">
  135.   <br>
  136.   <br>
  137.   <img src="porto3.jpg" class="tengah">
  138.   <br>
  139.   <br>
  140.   <div id="nav2">
  141.      Untuk portofolio saya <a href="http://instagram.com/pratama.gallery?igshid=1wruu5na08of0" target="_blank">selengkapnya >></a>
  142.   </div>
  143.   <br>
  144.   <br>
  145.   <br>
  146.   </div>
  147.   </div>
  148.  
  149.  
  150.  
  151.  
  152.  
  153.  
  154. </body>
  155.  
  156. </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!