fyrkantis.github.io/index.html at master · fyrkantis/fyrkantis.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="icon" href="/Images/Globe.png">

        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
        <link rel="stylesheet" type="text/css" href="/style.css">

        <title>Bluestone Innovations</title>
    </head>

    <body>
        <div class="background">
            <div class="top-bar">
                <a href="/">
                    <img class="top" src="/Images/Header.png" style="width:60px;height:60px;">
                </a>
                <a href="/tempPage">
                    Temp page
                </a>
            </div>

            <video preload="auto" autoplay muted loop>
                <source src="/Images/HQ.webm" type="video/webm">
            </video>

            <h1 class="logo">Bluestone Innovations</h1>

            <div class="frame">
                <div class="top-text">
                    <p>
                        This page is under construction
                    </p>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                    </p>
                </div>

                <div class="post">
                    <p>
                        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                    </p>
                    <p>
                        Purus sit amet volutpat consequat mauris nunc congue nisi. Pretium aenean pharetra magna ac. Iaculis eu non diam phasellus. Auctor augue mauris augue neque gravida in fermentum. Imperdiet proin fermentum leo vel. Mauris nunc congue nisi vitae suscipit tellus mauris a diam. Feugiat sed lectus vestibulum mattis ullamcorper. Risus ultricies tristique nulla aliquet enim tortor. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Nibh ipsum consequat nisl vel. Amet cursus sit amet dictum sit. Magna eget est lorem ipsum dolor sit amet. Nunc sed augue lacus viverra vitae congue eu consequat ac. Enim ut sem viverra aliquet eget. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Mattis ullamcorper velit sed ullamcorper morbi. Volutpat diam ut venenatis tellus in metus. Bibendum at varius vel pharetra vel turpis nunc eget.
                    </p>
                    <p>
                        Odio aenean sed adipiscing diam donec adipiscing tristique. Phasellus vestibulum lorem sed risus ultricies tristique. Scelerisque viverra mauris in aliquam sem fringilla ut. Praesent semper feugiat nibh sed pulvinar. Semper viverra nam libero justo laoreet sit amet cursus sit. Ut consequat semper viverra nam. Mi in nulla posuere sollicitudin aliquam ultrices. Volutpat ac tincidunt vitae semper. Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Adipiscing elit ut aliquam purus sit. Vel fringilla est ullamcorper eget. Porta nibh venenatis cras sed felis eget. Lacus laoreet non curabitur gravida arcu ac. Viverra justo nec ultrices dui sapien. Rhoncus aenean vel elit scelerisque mauris pellentesque.
                    </p>
                </div>

                <div class="bottom-bar">
                    <h3>Contacts:</h3>
                    <i class="material-icons" style="font-size:16px;">email</i>
                    bluestone.innovations@gmail.com
                    <br>
                    <i class="material-icons" style="font-size:16px;">phone</i>
                    +46 17-521 92 89
                </div>
            </div>
        </div>
    </body>
</html>