Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="./css/app.css">
    <link rel="stylesheet" type="text/css" href="./css/styles.css">
</head>
<body>
    <input type="text" hidden autofocus>
    <header><a href="https://google.com.ua">Link to Google</a></header>
    <h1>Hello</h1>
    <input type="text" placeholder="Search here" autofocus>
    <!--<div class="iframe-container">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/wC-4aR4SgLU" frameborder="5" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
        <div></div>
    </div>-->
    <div>Some contant here awefl;kha we;lfkha w;lekfh al;wekfh alwke</div>

    <!--<video src="./sources/sticky-header.mp4"
           poster="https://www.google.com/url?sa=i&url=https%3A%2F%2Fpixabay.com%2Fru%2Fillustrations%2F%25D0%25B0%25D0%25B1%25D1%2581%25D1%2582%25D1%2580%25D0%25B0%25D0%25BA%25D1%2586%25D0%25B8%25D1%258F-%25D1%2582%25D0%25B5%25D0%25BA%25D1%2581%25D1%2582%25D1%2583%25D1%2580%25D0%25B0-%25D1%2584%25D0%25BE%25D0%25BD-3557682%2F&psig=AOvVaw0efo5DEKPO5dPcwGFcVypj&ust=1582651189536000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCOjDi6LZ6ucCFQAAAAAdAAAAABAD"
           controls width="640" height="480"></video>-->

    <br><br>
    <div class="">
        <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
            <div class="row text-center">
                <div class="col-md-6">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                    <img src="./images/abstract-3557682_960_720.webp">
                </div>
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-md-6">
                            <img src="./images/abstract-3557682_960_720.webp">
                        </div>
                        <div class="col-md-6">
                            <img src="./images/abstract-3557682_960_720.webp">
                        </div>
                        <div class="col-md-6">
                            <img src="./images/abstract-3557682_960_720.webp">
                        </div>
                        <div class="col-md-6">
                            <img src="./images/abstract-3557682_960_720.webp">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--DOM = Document Object Model-->
</body>
</html>

<!--
Render Tree


Reflow - пересчет
Repaint - перерисовка
-->