API tools faq
paste
mikeyworx

Final Exam ITELEC1

mikeyworx
Jul 3rd, 2023
199
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.53 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>Curriculum Vitae</title>
  8.   <style>
  9.     body {
  10.       font-family: Arial, sans-serif;
  11.       color: #333;
  12.       margin: 0;
  13.       padding: 0;
  14.     }
  15.  
  16.     .resume-container {
  17.       width: 800px;
  18.       margin: 0 auto;
  19.       border: 1px solid #333;
  20.       padding: 20px;
  21.       background-color: white;
  22.     }
  23.  
  24.     h1 {
  25.       font-size: 24px;
  26.       margin-bottom: 10px;
  27.       text-align: center;
  28.       font-weight: bold;
  29.     }
  30.  
  31.     h2 {
  32.       font-size: 18px;
  33.       margin-bottom: 5px;
  34.       border-bottom: 1px solid #333;
  35.       padding-bottom: 5px;
  36.     }
  37.  
  38.     p {
  39.       margin: 0;
  40.     }
  41.  
  42.     .section {
  43.       margin-bottom: 20px;
  44.     }
  45.  
  46.     .section-title {
  47.       font-weight: bold;
  48.     }
  49.  
  50.     .date {
  51.       font-weight: bold;
  52.     }
  53.  
  54.     ul {
  55.       margin: 0;
  56.       padding-left: 20px;
  57.     }
  58.  
  59.     ul li {
  60.       margin-bottom: 5px;
  61.     }
  62.  
  63.     .photo-container {
  64.       width: 2in;
  65.       height: 2in;
  66.       float: left;
  67.       margin-right: 20px;
  68.       margin-bottom: 20px;
  69.       border: 1px solid #333;
  70.       overflow: hidden;
  71.     }
  72.  
  73.     .photo {
  74.       width: 100%;
  75.       height: 100%;
  76.       object-fit: cover;
  77.     }
  78.  
  79.     .details {
  80.       margin-left: 2.5in;
  81.     }
  82.  
  83.     .name {
  84.       font-size: 20px;
  85.       font-weight: bold;
  86.       margin-bottom: 10px;
  87.     }
  88.  
  89.     .personal-data {
  90.       font-size: 14px;
  91.       margin-bottom: 10px;
  92.     }
  93.  
  94.     .personal-data span {
  95.       display: inline-block;
  96.       width: 50%;
  97.     }
  98.   </style>
  99. </head>
  100.  
  101. <body>
  102.   <div class="resume-container">
  103.     <h1>Curriculum Vitae</h1>
  104.     <div class="photo-container">
  105.       <img src="https://falcongroup-bd.com/wp-content/uploads/2019/12/Lakeyboy_Silhouette-225x300.png" alt="Your Photo" class="photo">
  106.     </div>
  107.     <div class="details">
  108.       <div class="name">John Doe</div>
  109.       <div class="personal-data">
  110.         <span>First Name: John</span>
  111.         <span>Last Name: Doe</span>
  112.         <span>Middle Name:</span>
  113.         <span>Date of Birth:</span>
  114.         <span>Place of Birth:</span>
  115.       </div>
  116.  
  117.       <div class="section">
  118.         <h2 class="section-title">Education</h2>
  119.         <ul>
  120.           <li>
  121.             <h3>University of XYZ</h3>
  122.             <p class="date">Bachelor of Science in Computer Science | 2010-2014</p>
  123.           </li>
  124.           <li>
  125.             <h3>ABC High School</h3>
  126.             <p class="date">High School Diploma | 2006-2010</p>
  127.           </li>
  128.         </ul>
  129.       </div>
  130.  
  131.       <div class="section">
  132.         <h2 class="section-title">Summary</h2>
  133.         <p>A highly motivated professional with experience in various fields. Skilled in programming, mechanics, and providing VIP services. Strong problem-solving abilities and a proven track record of success.</p>
  134.       </div>
  135.  
  136.       <div class="section">
  137.         <h2 class="section-title">Professional Experience</h2>
  138.         <ul>
  139.           <li>
  140.             <h3>Search and Rescue</h3>
  141.             <p class="date">Company XYZ | 2015-2018</p>
  142.             <p>Responsible for coordinating and executing search and rescue operations in various scenarios. Worked collaboratively with a team to ensure the safety and well-being of individuals in distress.</p>
  143.           </li>
  144.           <li>
  145.             <h3>LEA (Law Enforcement Authority)</h3>
  146.             <p class="date">Company ABC | 2014-2015</p>
  147.             <p>Served as a law enforcement officer, enforcing laws and regulations to maintain public order and safety. Conducted investigations, made arrests, and provided support to other agencies as required.</p>
  148.           </li>
  149.           <li>
  150.             <h3>Fire Fighter</h3>
  151.             <p class="date">City Fire Department | 2012-2014</p>
  152.             <p>Responded to emergency calls, extinguished fires, and provided assistance in rescue operations. Conducted fire prevention inspections and educated the community on fire safety.</p>
  153.           </li>
  154.         </ul>
  155.       </div>
  156.  
  157.       <div class="section">
  158.         <h2 class="section-title">Skills</h2>
  159.         <ul>
  160.           <li>Programming</li>
  161.           <li>Mechanics</li>
  162.           <li>VIP Services</li>
  163.         </ul>
  164.       </div>
  165.  
  166.       <div class="section">
  167.         <h2 class="section-title">Honors and Awards</h2>
  168.         <ul>
  169.           <li>Employee of the Month - Company XYZ</li>
  170.           <li>Outstanding Performance Award - Company ABC</li>
  171.         </ul>
  172.       </div>
  173.     </div>
  174.   </div>
  175. </body>
  176.  
  177. </html>
  178.  
Advertisement
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!