Gammal Tech
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CV</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="https://kit.fontawesome.com/44a288ac8d.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="cv">
<div class="header">
<div class="pic">
<img src="user.png"/>
</div>
<div class="details">
<h1>User Name</h1>
<h3>User title</h3>
<div class="basic-info">
<div>
<i class="fa-solid fa-envelope"></i>
useremail@gmail.com</div>
<div><i class="fa-solid fa-phone"></i>+20 124424 84414</div>
<div><i class="fa-solid fa-location-dot"></i>City, Country</div>
<div><i class="fa-solid fa-calendar-days"></i>5th of January, 1990</div>
</div>
</div>
</div>
<div class="main">
<div class="half">
<div>
<h2>ABOUT</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here,</p>
</div>
<div>
<h2>EDUCATION</h2>
<div>
<h3>Education 1</h3>
<h3 class="light">Institution 1</h3>
<p class="date">2020-2025</p>
</div>
<div>
<h3>Education 2</h3>
<h3 class="light">Institution 2</h3>
<p class="date">2013-2015</p>
</div>
</div>
<div>
<h2>EXPERIENCE</h2>
<div>
<h3>Experience 1</h3>
<h3 class="light">Workplace 1</h3>
<p class="date">2018</p>
<p class="light">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
<div>
<h3>Experience 2</h3>
<h3 class="light">Workplace 2</h3>
<p class="date">2019</p>
<p class="light">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
<div>
<h3>Experience 3</h3>
<h3 class="light">Workplace 3</h3>
<p class="date">2020</p>
<p class="light">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</div>
</div>
</div>
<div class="half">
<div>
<h2>SKILLS</h2>
<p>C, C++, Web Development</p>
</div>
<div>
<h2>LANGUAGES</h2>
<div>
<h3>Language 1</h3>
<p>profieciency 1</p>
</div>
<div>
<h3>Language 2</h3>
<p>profieciency 2</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
