GoogleMapsAPI/css3.html at master · kev-n/GoogleMapsAPI · 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
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="initial-scale=1.0, user-scalable=no" name="viewport">
    <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </script>
    <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js">
    </script>
    <script src="jquery-ias.min.js" type="text/javascript">
    </script>
    <title>IAS2</title>
</head>

<body>
    <div class="container">
        <div class="item">
            <i class="fab fa-css3"></i>
            <p>Sed sagittis dui eu tellus gravida, in ullamcorper purus dapibus. Integer at metus quis nulla condimentum lobortis ac sagittis arcu. Fusce in orci a tellus consequat convallis in et leo. Fusce posuere, odio ac laoreet tristique, turpis arcu
                egestas justo, sit amet posuere magna magna at turpis. Suspendisse ac elit non odio commodo lobortis. Sed nibh nisi, ultricies et lacinia at, mollis non enim. Suspendisse imperdiet, orci mollis suscipit consequat, massa augue faucibus
                ligula, imperdiet convallis turpis sem sit amet tortor. Morbi commodo iaculis venenatis. Vestibulum tincidunt tellus ac tempor consectetur. Praesent efficitur pellentesque mattis. Nulla posuere dictum est id dignissim.</p>
        </div>
        <div class="item">
            <p>Curabitur eu lacus pretium, sollicitudin elit et, tempus felis. Vestibulum facilisis ipsum ac erat sagittis sagittis. Vestibulum tempus placerat enim, sit amet efficitur lacus sagittis vitae. Etiam volutpat odio quis nisl pulvinar sollicitudin.
                Mauris ullamcorper laoreet dui, vestibulum iaculis ex. Nulla porta ante eu nibh scelerisque, et convallis libero ultricies. Donec vel egestas diam. Phasellus vel nibh ultricies, scelerisque enim non, feugiat tortor. Phasellus dictum augue
                eget nibh efficitur vehicula. Integer enim libero, dignissim non mollis at, luctus et tellus. Donec eget purus vehicula, bibendum libero suscipit, tincidunt arcu. Nam vel ligula sit amet metus vestibulum blandit. Morbi mauris ex, molestie
                vitae bibendum in, convallis in lacus.</p>
        </div>
        <div class="item">
            <p>Donec condimentum, erat vitae molestie fringilla, justo orci tempus turpis, sit amet tincidunt turpis ipsum a felis. Phasellus euismod feugiat elit non bibendum. Morbi non neque dictum velit iaculis aliquam et at turpis. Curabitur dictum vulputate
                imperdiet. Phasellus id imperdiet eros. Duis aliquam, purus in tincidunt interdum, urna neque ultricies ipsum, a pretium arcu turpis at nisi. Fusce neque nulla, facilisis at tincidunt non, ullamcorper suscipit lectus.</p>
        </div>
        <div class="item">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultricies ex in ipsum elementum, ut posuere ipsum aliquet. Suspendisse tincidunt sem eu dictum dictum. Nullam elementum ultricies purus venenatis fermentum. Etiam faucibus justo sit
                amet quam consectetur, et egestas nisi fringilla. Interdum et malesuada fames ac ante ipsum primis in faucibus. Ut blandit nisi odio, vitae blandit nisl bibendum nec. In placerat orci nec metus vehicula pulvinar. Pellentesque ultrices
                ultricies nisl eu scelerisque. Sed vestibulum molestie condimentum. Pellentesque maximus lacinia turpis, non lacinia nulla pharetra vel. Sed vitae pharetra lacus. Etiam et tempus nisi.</p>
        </div>
        <div class="item">
            <p>Vivamus pharetra ipsum laoreet, accumsan leo nec, iaculis ante. Aenean a arcu cursus, rutrum magna eget, sagittis sem. Sed nec sapien et felis hendrerit cursus vel et risus. Vestibulum vestibulum volutpat nisi sit amet rhoncus. Sed sed elementum
                tortor. Proin auctor finibus nisi, ac commodo felis convallis et. Curabitur at rhoncus risus.</p>
        </div>
        <div class="item">
            <p>In maximus ante non nibh viverra egestas. Integer id sem sapien. Aenean vehicula suscipit ex ac malesuada. Nulla varius turpis tellus, nec placerat elit venenatis vehicula. Aenean consequat, libero ac aliquam accumsan, urna felis dictum lorem,
                et porta odio nisl et arcu. Aliquam eleifend nec tortor vitae suscipit. Fusce a enim volutpat, laoreet magna quis, blandit quam. Nulla tempor elementum tristique. Etiam accumsan ante ac felis vestibulum aliquam ut eget arcu. Etiam a lacinia
                odio, sed sagittis orci. Nunc posuere nunc rutrum faucibus iaculis. In accumsan pretium neque, sed aliquet magna.</p>
        </div>
        <div class="item">
            <p>Morbi luctus velit ut nisl ultricies, congue posuere dolor vulputate. Vestibulum mollis placerat molestie. Morbi at lectus pharetra, fermentum tortor a, auctor felis. Curabitur lorem ante, viverra ac auctor ut, cursus sed nisi. Aenean quis
                nunc turpis. Nulla facilisis commodo ipsum et porta. Nunc vitae enim ut mi viverra porta. Nam nunc diam, consectetur eu posuere eu, feugiat eget orci.</p>
        </div>
    </div>
    <div id="pagination">
        <ul>
            <li>
                <a href="index.html">1</a>
            </li>
            <li>
                <a href="html5.html">2</a>
            </li>
            <li>
                <a href="css3.html">3</a>
            </li>
            <li class="next">
                <a href="js.html">4</a>
            </li>
        </ul>
    </div>
</body>

</html>