sam-muiruri- Awell deployed personal website with artifacts for user experience that is easy and clear

<title> I am kibira</title>

<!-- font awesome cdn link  -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<!-- custom css file link  -->
<link rel="stylesheet" href="css/style.css">

<div class="user">
    <img src="./FB_IMG_1633673845165.jpg" alt="">
    <h3>Samuel Muiruri Kibira</h3>
    <p>Principal|Manager
    </p>
</div>

<nav class="navbar">
    <a href="#home">home</a>
    <a href="#about">about</a>
    <a href="#services">services</a>
    <a href="#portfolio">Hobbies</a>

</nav>

<div class="content">
    <h3>Samuel M.Kibira</h3>
    <p>i am a MANAGER</p>
    <a href="./muiruri.html" class="btn">View CV</a>
</div>

<div class="share">
    <a href="https://www.facebook.com/samuel.muiruri.3133" class="fab fa-facebook-f"></a>
    <a href="https://www.twitter.com/@samuel kibira" class="fab fa-twitter"></a>
    <a href="https://www.instagram.com/samuel.muiruri.3133/" class="fab fa-instagram"></a>
    <a href="https://www.linkedin.com/samuel muiruri kibira" class="fab fa-linkedin"></a>
    <a href="https://www.pinterest.com/samuel Muiruri" class="fab fa-pinterest"></a>
</div>

<h1 class="heading"> <span>about</span> me </h1>

<div class="row">

    <div class="box-container">
        <div class="box">
            <h3>2+</h3>
            <p>years of experience</p>
        </div>
        <div class="box">
            <h3>450+</h3>
            <p>satisfied clients</p>
        </div>
        <div class="box">
            <h3>190+</h3>
            <p>working hours</p>
        </div>
        <div class="box">
            <h3>2+</h3>
            <p>awards won</p>
        </div>
    </div>

    <div class="content">
        <h3>my name is <span>Samuel Muiruri Kibira</span></h3>
        <p>I am A Principal at KIwan Computer College (Kawangware Branch)and also the manager of Lyonne Line Limited.</p>
        <a href="https://www.instagram.com/samuel.muiruri.3133/" class="btn">contact me</a>
    </div>

</div>

<div class="row">

    <div class="progress">
        <h3>Netconfig <span>90%</span> </h3>
        <div class="bar bar-1-1"><span></span></div>
        <h3> graphic design <span>75%</span> </h3>
        <div class="bar bar-1-2"><span></span></div>
        <h3> dbms admin <span>80%</span> </h3>
        <div class="bar bar-1-3"><span></span></div>
    </div>

    <div class="progress">
        <h3>Packages<span>95%</span> </h3>
        <div class="bar bar-2-1"><span></span></div>
        <h3> Cyber Services<span>80%</span> </h3>
        <div class="bar bar-2-2"><span></span></div>
        <h3> Tutoring <span>65%</span> </h3>
        <div class="bar bar-2-3"><span></span></div>
    </div>

</div>

<h1 class="heading"> my <span>services</span> </h1>

<div class="box-container">

    <div class="box">
        <i class="fas fa-code"></i>
        <h3>Hardware repair</h3>
        <p>I support and teach students how to repair computers with professionalism.</p>
    </div>

    <div class="box">
        <i class="fas fa-paint-brush"></i>
        <h3>graphic design</h3>
        <p>I Enjoy innovating and coming up with new graphical ideas.</p>
    </div>

    <div class="box">
        <i class="fas fa-mobile"></i>
        <h3>Software</h3>
    <p>I and my team we equip students with skills to deploy softwares and AWS  courses enrolments . </p>
    </div>

    <div class="box">
        <i class="fas fa-bullhorn"></i>
        <h3>NetConfiguration</h3>
        <p></p>
    </div>

    <div class="box">
        <i class="fas fa-search-dollar"></i>
        <h3>Cyber services</h3>
        <p></p>
    </div>

    <div class="box">
        <i class=class="fa fa-book"></i>
        <h3>Tutoring</h3>
        <p></p>
    </div>

</div>

<h1 class="heading"> my <span>Hobbies</span> </h1>

<div class="box-container">

    <div class="box">
        <img src="image/img-1.jpg" alt="">
        <div class="content">
            <h3>Innovation&Research</h3>
        </div>
    </div>

    <div class="box">
        <img src="image/img-2.jpg" alt="">
        <div class="content">
            <h3>Graphic Design</h3>
        </div>
    </div>

    <div class="box">
        <img src="image/img-3.jpg" alt="">
        <div class="content">
            <h3>Agriculture</h3>
        </div>
    </div>

    <div class="box">
        <img src="image/img-4.jpg" alt="">
        <div class="content">
            <h3>Entreprenuership</h3>
        </div>
    </div>

    <div class="box">
        <img src="image/img-5.jpg" alt="">
        <div class="content">
            <h3>Chilling</h3>
        </div>
    </div>

    <div class="box">
        <img src="image/img-6.jpg" alt="">
        <div class="content">
            <h3>Administration</h3>
        </div>
    </div>

</div>

created by @Evans Nyairo | Jr.FRont-End Developer

itsapooh/sam-muiruri

sam-muiruri- Awell deployed personal website with artifacts for user experience that is easy and clear