<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
    <title>Taysim | Internetinių svetainių kūrėjas</title>
</head>
<body>
    <div id="page">
        <div id="page-container">
            <header>
                <img src="images/logo.svg" alt="taysim logo" class="logo">
        
                <div class="navSocial clearfix">
                    <ul>
                        <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
                        <li><a href="#" target="_blank"><i class="far fa-envelope"></i></a></li>
                    </ul>
                </div>
            </header>
            <div id="intro" class="container">
                <div class="info-container centered">
                    <div class="name">
                        <h2 class="">Tadas Šimkus</h2>
                        <h4>Internetinių sveitainių kūrėjas</h4>
                    </div>
                    <div class="containerButtons">
                        <a href="#" class="btn susidomekite">Susidomėkite</a>
                        <a href="#" class="btn susipazinkime">Susipažinkime</a>
                    </div>
                </div>
                </div>
            
                <div id="garantija" class="container">
                    <div class="garantija-container">
                        <h2>Ką galiu <br/> garantuoti?</h2>
            
                        <div class="imgVtxt-container">
                            <div class="image-with-text">
                                <img src="/images/sections/icons/speed.png" alt="Momentalus svetainės užkrovimas">
                                    <p>Momentalų <br/> svetainės užkrovimą</p>
                            </div>
                            <div class="image-with-text">
                                <img src="/images/sections/icons/prof.png" alt="Profesionalumą skleidžiantis dizainas">
                                    <p>Profesionalumą <br/> skleidžiantis dizainas</p>
                            </div>
                            <div class="image-with-text">
                                <img src="/images/sections/icons/responsive.png" alt="Prisitaikantis svetainės dizainas">
                                    <p>Prisitaikantį <br/> svetainės dizainą</p>
                            </div>
                            <div class="image-with-text">
                                <img src="/images/sections/icons/seo.png" alt="SEO robotų mėgstamas turinys">
                                    <p>SEO robotų <br/> mėgstamą turinį</p>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div id="projektai" class="container">
                    <div class="projektai-container centered">
                        <h2>Projektai</h2>
                    </div>
                </div>
            
                <div id="prez-projektai" class="container visiPP">
                    <div class="prez-proj-container centered">
                        <img class="full-img" src="/images/sections/prez-projektai-madwoch-logo.png" alt="madwoch.lt">
                        <a href="#" class="btn btn-view">Peržiūrėti</a>
                    </div>
                </div>

                <div id="kontaktai" class="container">
                    <form class="kontaktai-container centered">
                        <div class="title">
                                <h2>Norite atsinaujinti?</h2>
                            <div class="title-with-socials">
                                <h3>Susisiekite!</h3>
                                <div class="social clearfix">
                                    <ul>
                                        <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-instagram"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div id="contact-form">
                            <div class="left-form">
                                <label for="name">Vardas</label>
                                <input type="text" name="name" id="firstname">

                                <label for="mail" class="lbmail">El. Paštas</label>
                                <input type="email" name="mail" id="email">
                            </div>

                            <hr>
                            
                            <div class="right-form">
                                <label for="message">Žinutė</label>
                                <textarea name="message" id="clientmessage" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                        <div class="mygtukas clearfix">
                                <a href="#" class="btn siusti">Išsiųsti žinutę</a>
                            </div>
                    </form>
                </div>
        </div>
    </div>

    



    
    <script src="js/script.js"></script>
</body>
</html>

Add a code snippet to your website: www.paste.org