griffinTemplate2Projects.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projects</title>

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

</head>
<body>
    
<!-- navbar section starts  -->

<nav class="navbar">
    <a href="griffinTemplate2Home.html"> <span>home</span> </a>
    <a href="griffinTemplate2About.html"> <span>about</span> </a>
    <a href="griffinTemplate2Projects.html">  <span>portfolio</span> </a>
    <a href="mailto:"> <span>contact</span> </a>
</nav>

<!-- navbar section ends -->

<!-- portfolio section starts  -->

<section class="portfolio">

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

    <div class="box-container">

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 01</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 02</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 03</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 04</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 05</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 06</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 07</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>

        <div class="box">
            <img src="images\project.png" alt="">
            <div class="content">
                <h3>project 08</h3>
                <p>write Information about your projects here</p>
            </div>
        </div>


    </div>
    
</section>

<!-- portfolio section ends -->

</body>
</html>