about.html

<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>kobros-tech, Mohamed Alkobrosli</title>

    <!-- add icon link -->
    <link rel = "icon" href = "static/images/logo_1_r.png" type = "image/x-icon">

    <!-- web fonts -->
    <link href="//fonts.googleapis.com/css?family=Nunito:400,600,700,800,900&display=swap" rel="stylesheet">
    <link href="//fonts.googleapis.com/css?family=Hind&display=swap" rel="stylesheet">
    <!-- //web fonts -->
    <!-- Template CSS -->
    <link rel="stylesheet" href="static/css/style-starter.css">
  </head>
  <body>

<section class="w3l-bootstrap-header">
  <nav class="navbar navbar-expand-lg navbar-light py-lg-3 py-2">
    <div class="container">
      <a class="navbar-brand" href="index.html"> kobros-tech</a>
      <!-- if logo is image enable this
    <a class="navbar-brand" href="index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon fa fa-bars"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
            <a class="nav-link" href="index.html">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="about.html">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="blended_learning.html">Blended Learning Project</a>
          </li>


          <li class="nav-item">
            <a class="nav-link" href="contact.html">Contact</a>
          </li>

          <li class="nav-item">
            <a class="nav-link" href="http://blog.kobros-tech.com">Enlighten Mind</a>
          </li>
        </ul>

      </div>
    </div>
  </nav>
</section>
<section class="w3l-about-breadcrum">
  <div class="breadcrum-bg">
    <div class="container py-5">
      <p><a href="index.html">Home</a> &nbsp; / &nbsp; About</p>
     </div>
  </div>
</section>
<!-- w3l-content-photo-5 -->
<div class="w3l-content-photo-5 py-5" id="about">
	<div class="content-main pt-lg-5 pt-md-3 pb-0">
		<div class="container">
			<div class="row">
				<div class="col-lg-5 content-photo">
					<a href="#"><img src="static/images/soft.JPG" class="img-fluid" alt="content-photo"></a>
				</div>
				<div class="col-lg-7 content-left mt-lg-0 mt-5 pl-lg-5">
					<h3>Hello, I’m Mohamed Alkobrosli</h3>
					<p class="mb-0">There are limitless routes that we can follow aiming for making favor.
            If you are very grateful to somepeople and they are no longer with us, how can you return the favor?
            I debt favor to good people for lifelong. The best method for returning the favor is that I make favor
            with all others for lifelong because my favor will return directly to all who made favor with me.</p>
					
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //w3l-content-photo-5 -->
<!-- home page service grids -->
<section id="services-1" class="bg-light py-5">
  <div class="container py-lg-3">
    <div class="heading text-center mx-auto">
      <h3 class="head">Welcome To My Site</h3>
      <p class="my-3 head">I have a Bachelor of Science degree in Geophysics.
        I am interested in studying Computer Science at top Universities online. 
        I am proud of taking CS50x at HarvardX. I hope to become a Data Scientist.</p>
      
        <p class="my-3 head"><ul class="fa-ul"><b>It is my honor when you check me on: </b>
            <li><a href="https://www.linkedin.com/in/mohamed-alkobrosly-253a69136/">linkedin</a></li>
            <li><a href="https://www.facebook.com/mohamed.alkobrosly/">FaceBook</a></li>
            <li><a href="https://github.com/kobros-tech/">GitHub</a></li>
            <li><a href="https://www.youtube.com/channel/UCnmEV-_OpALJpEZe7cHrrMw/">YouTube</a></li>
            <li><a href="https://www.pinterest.com/alkobrosly/">Pinterest</a></li>
            <li><a href="http://blog.kobros-tech.com/">Blog</a></li>
          </ul>
        </p>

      </div>
  </div>
</section>
<!-- //home page service grids -->

 <!-- grids block 5 -->
 <section class="w3l-footer-29-main" id="footer">
  <div class="footer-29 text-center">
      <div class="container">

        <div class="main-social-footer-29">

            <a href="https://www.facebook.com/mohamed.alkobrosly/" class="facebook"><span class="fa fa-facebook"></span></a>
            <a href="https://www.youtube.com/channel/UCnmEV-_OpALJpEZe7cHrrMw/" ><span class="fa fa-youtube-play"></span></a>
            <a href="https://github.com/kobros-tech/" ><span class="fa fa-github"></span></a>
            <a href="https://www.pinterest.com/alkobrosly/" ><span class="fa fa-pinterest-p"></span></a>
            <a href="https://www.linkedin.com/in/mohamed-alkobrosly-253a69136/" class="linkedin"><span class="fa fa-linkedin"></span></a>
            
        </div>
          <div class="bottom-copies text-center">
              <p class="copy-footer-29">© 2022 kobros-tech.com. All rights reserved | Designed by <a href="https://w3layouts.com">W3layouts</a></p>

          </div>
      </div>
  </div>
   <!-- move top -->
  <button onclick="topFunction()" id="movetop" title="Go to top">
              <span class="fa fa-angle-up"></span>
                 </button>
                 <script>
                     // When the user scrolls down 20px from the top of the document, show the button
                     window.onscroll = function () {
                         scrollFunction()
                     };

                     function scrollFunction() {
                         if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                             document.getElementById("movetop").style.display = "block";
                         } else {
                             document.getElementById("movetop").style.display = "none";
                         }
                     }

                     // When the user clicks on the button, scroll to the top of the document
                     function topFunction() {
                         document.body.scrollTop = 0;
                         document.documentElement.scrollTop = 0;
                     }
                 </script>
                 <!-- /move top -->
</section>
<!-- // grids block 5 -->
<script src="static/js/jquery-3.3.1.min.js"></script>
<!-- //footer-28 block -->
</section>

<script>
    $(function () {
      $('.navbar-toggler').click(function () {
        $('body').toggleClass('noscroll');
      })
    });
  </script>
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
    integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous">
  </script>

  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
    integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous">
  </script>

<!-- Smooth scrolling -->


</body>

</html>
<!-- // grids block 5 -->