<html>
    <head>
        <link rel="stylesheet" href="static/style.css">
        <title>Reviews</title>
    </head>
    <body>
        <div class="top">
            <div class="sideleft">
                <p class="awesome gradient_text_red_pink comicsans">The web is awesome</p>
                <img style="width:90%" src="/static/images/tumblr_p7pgr1DteG1vpf6ddo1_400.gifv" alt="">
                <ul class="barry">
                    <li class="itemy comicsans gradient_text"><img style="width: 25px;" src="static/images/triangle_pink.gif" alt=""><a href="index.html">HOME</a></li>
                    <li class="itemy comicsans gradient_text"><img style="width: 25px;" src="static/images/triangle_pink.gif" alt=""><a href="reviews.html">REVIEWS</a></li>
                    <!-- <li class="itemy comicsans gradient_text"><img style="width: 25px;" src="static/images/triangle_pink.gif" alt=""><a href="index.html">ABOUT ME</a></li> -->
                </ul>

                
            </div>
            <div class="content">
                <div class="header">
                    <img class="banner" src="./static/images/oldtimes.gif" alt="">
                    <h1 class="nostalgic gradient_text comicsans">Want to read my stupid opinions??</h1>
                    <h3 class="fucksociety comicsans">
                        fuck social media!
                    </h3>
                </div>

                <p class="regulartext fucksociety">
                    List of my reviews:
                    <ul class="reviewlist fucksociety"> 
                        <li><a href="thinkpadl15.html" class="reviewlink">Lenovo Thinkpad L15 G2 AMD</a></li>
                    </ul>
                </p>
           </div>
                <div class="sideright">
                    <img class= "funnyimage" style="position:relative; top: 100px; right: 80px; width:110%" src="./static/images/dogetothemoon.gif" alt="">
                    <img class= "funnyimage" style="position:relative; top: 260px; right: 40px; width:110% " src="./static/images/myfinalmessage.gif" alt="">
                    <img class= "funnyimage" style="position:relative; top: 380px; right: 80px; width:110%" src="./static/images/ibm.gif" alt="">
                </div>
            <footer>
                <p style="margin-bottom: 4px;">Made by DutchEllie 2021-2022</p>
                <img class="bottombanner" src="/static/images/banners/browser7.gif" alt="This website is best viewed with Netscape 3.0 or Microsoft Internet Explorer">
                <img class="bottombanner" src="/static/images/powered-by-debian.gif" alt="Powered by Debian">
                <img class="bottombanner" src="/static/images/notepad3.gif" alt="Designed with Microsoft Notepad.exe">
            </footer>
            
        </div>
                
            
        
                
    </body>
</html>

<!--<img style="position:absolute;top:2px;" src="data:image/gif;base64,R0lGODlhXAAxAPIEAP///zOZZu7u7gAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFyAAEACwAAAAAXAAxAAAD/0i6FP4wykmrvdixnbv/oLU1EWCeaKqubOu+rcSUcG3fOBst0Bn+wJDvQXoMg8hk5VgMHJXQqNM0oUqvUGsPIOH2qt5rmOIdX7QOdLpExjrP645aveaOteUwnrqnWed8R3RTNFVvenF2dWmKb4dxX45mZUaSXZNmlXdDjYmNlChdiWyOh0+MhYZ3bKColI9tlpGImUaYbbeetpWyg5K1nXlgqW7FQIDGyUK5ys0YyM7RS8zEoYQ6jNYqtn95oTGXxNWcm+Hj2cKEZLW7W+vcge7iqPQp6r7q7/LmUz5odAD1eIuXj9+wfePsPAkoyF62fgMz4StIsV0/iAjpbQGksM7bNAvQ+JErN+/aJm8aDar0tQelxZf1BLrENzFkwpcMybVriM7mSnbSogUMSjQlt6LSTh1FquyJgo1MjTl9ujGH1atY1czwk7Wr1207OEQlOoLH2GZlyw5QIGBt2rdw48qdS8BtW7oL7LrFy7cvXr19AfsdTFgt2710BRdeTFhx4sOMI/t1PJey5MtvLcfVjLlzXsiPOXvuLHrD2gGn7yIejfk0aLmnAcR2zbq1bAB1BShYbRr17t17UfuuvXjAbeOziSvfjPqEcdnPobtNAAAh+QQFyAACACwIAAgATAAUAAADfhi63P4wykmrvTjrzbv/YCiOZGmeKAOsbNC+LKC0c0zXMmTLO727vNyqthgCj0Sk0agTBonLJxOHPDKvN1iuqnx2ubGiTVydmp3DMC6aTPu2UGwZfl4DsfJvnW19c8FoXmR8bnE/YW50U3eKh1E9PWuLKZSVlpeYmZqbnJ0pCQA7"" alt="">-->