portfolio-support_analysis_vierambachtenboezem.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Bridge bearing analysis</title>
    <link rel="stylesheet" href="style.css"/>
    <link rel="shortcut icon" type="image/x-icon" href="images/Dervis_icon_1.png"/>
</head>
<body>
    <!-- HEADER -->
    <div class="portfolio-header">
        <div class="text-with-vert-line"
            style="margin-left: 16px; height: 45px;">
            <p class="portfolio-header-title">Dervis van Leersum</p>
        </div>

        <a class="contact_me_portfolio" 
            style="position: absolute; right: 20px; top: 4px;" 
            href="mailto:dervis.vanleersum@gmail@@com?subject=Say%20hi%20to%20Dervis%20van%20Leersum" onclick="this.href=this.href.replace('@@', '.')">CONTACT ME</a>
    </div>

    <!-- GRAY SECTION TITLES -->
    <div class="section gray-section-1"
        style="position:relative;">

        <div class="separator-1"></div>

        <h1 class="portfolio">Portfolio</h1>
        <h2 class="portfolio">Bridge bearing analysis</h2>

        <a class="back" 
            style="position: absolute; left: 20px; top: 4px;" 
            href="index.html">Back</a>
    </div>

    <!-- CONTENT SECTION -->
    <div class="section">
        <div class="text-with-vert-line">
            <p>
                A bridge with a lifespan of 100 years and build in 2010 is showing signs of failing bearings. More than half of the rubber bearings have shown significant displacement.        
            </p><p>
                My analysis concerned finding a cause and then a solution to fix the problem. This is done by inspecting the current state of the structure and the archive data.  
            </p><p>
                By determining the cause I was then able to write a feasability studie with solutions.
            </p>
        </div>

        <div style="text-align: center;
            margin-top: 30px;">
            <a href="https://devrieswerkendam.nl/brug-baljuwlaan-spijkenisse/" target="_blank"><img class="portfolio" src="images/2e_Vierambachtsbrug_2.png"/></a>
            <a style="display: block; margin-top: 8px;" href="https://devrieswerkendam.nl/brug-baljuwlaan-spijkenisse/" target="_blank">Link to the project</a>
        </div>

    </div>

    <!-- FRAME -->
    <iframe src="contact-frame.html" scrolling="no"/>
</body>
</html>