lexplore/index.html at master · CodeMarco05/lexplore · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lexplore</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <center>
        <h1>
            This is a Website designed to search in the image library from the Ameriacan National Aeronautics and Space
            Administration. Or short NASA.
        </h1>
    </center>

    <div class="container">
        <input id="searchField" type="text" placeholder="Type here...">
    </div>
    <div id="inputDescription">
        Please input your keywords like: keyword,keyword,keyword => so no spaces and with comma
    </div>
    <div id="searchDiv">

        <button id="searchButton" onclick="commitInput()">Search in outer space</button>
        <lord-icon id="gif" src="https://cdn.lordicon.com/anqzffqz.json" trigger="loop" delay="2000"
            style="width:80px;height:90px">
        </lord-icon>

    </div>
    <div id="headingNextStarts">
        This is a list of the next rocket-starts you shouldn't miss ;)
    </div>
    <div id="nextStarts">
        <div id="firstStart" class="startElement">
            This is the first start Date
        </div>
        <div class="blackLine"></div>
        <div id="secondStart" class="startElement">
            This is the first start Date
        </div>
        <div class="blackLine"></div>
        <div id="thirdStart" class="startElement">
            This is the first start Date
        </div>
        <div class="blackLine"></div>
        <div id="fourthStart" class="startElement">
            This is the first start Date
        </div>
        <div class="blackLine"></div>
        <div id="fifthStart" class="startElement">
            This is the first start Date
        </div>

    </div>

    <script src="https://cdn.lordicon.com/lordicon.js"></script>
    <script src="sript.js"></script>
</body>

</html>