<!doctype html>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<!--fontAsome-->
<script src="https://kit.fontawesome.com/09fe44d004.js" crossorigin="anonymous"></script>
<!--googleFont-->
<link rel="preconnect" href="https://fonts.gstatic.com">
2004-2005
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis odit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis odit.
</div>
<div class="col-1"> 2004-2005</div>
<div class="col-11">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis odit.
</div>
</div>
</div>
<!--Eduction-->
<div class="col-12 col-sm-6 ">
<div class="row">
<h2 class="col-12 text-center">Eduction</h2>
<div class="col-12">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis. <br/>
</div>
</div>
</div>
</div>
<!--Achievement & Skills-->
<div class="row ">
<!--Achievement-->
<div class="col-12 col-sm-6">
<div class="row">
<h2 class="col-12 text-center">Achievement</h2>
<div class="col-12">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis. <br/>
</div>
</div>
</div>
<!--Skills-->
<div class="col-12 col-sm-6">
<div class="row">
<h2 class="col-12 text-center">Pro-Skills</h2>
<div class="col-12">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis. <br/>
</div>
</div>
</div>
</div>
<!--Details & Languages-->
<div class="row">
<!-- Details-->
<div class="col-12 col-sm-6">
<div class="row">
<h2 class="col-12 text-center">Details</h2>
<div class="col-12">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis. <br/>
</div>
</div>
</div>
<!--Languages-->
<div class="col-12 col-sm-6">
<div class="row">
<h2 class="col-12 text-center">Languages</h2>
<div class="col-12">
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Quod laborum nostrum culpa commodi vel possimus dolores facilis. <br/>
</div>
</div>
</div>
</div>
</div>
<!--Footer-->
<div class="container-fluid">
<footer class="row text-center">
<h1 class="col-12 col-sm-6"> 2021Somayehkarami.ca</h1>
<div class="col-12 col-sm-6">
<i class="fab fa-facebook-square fa-2x"></i>
<i class="fab fa-linkedin fa-2x"></i>
</div>
</footer>
</div>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
-->