marketing-github.io/index.html at master · thomas-smith-dev/marketing-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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!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/index.css">
    <title>Github User Breakdown</title>
</head>
<body>

    <div class="video-container phone">
        <div class="video-wrapper">
            <video class="video" width="100%" height="auto" autoplay="" loop="" muted="" style="pointer-events: none;"><source src="https://93c6c96dda886ef0eb29-16b3c5928c10f23c298d1eeee55c3333.ssl.cf2.rackcdn.com/background-video.mp4" type="video/mp4"><source src="https://93c6c96dda886ef0eb29-16b3c5928c10f23c298d1eeee55c3333.ssl.cf2.rackcdn.com/background-video.ogv" type="video/ogg"><source src="https://93c6c96dda886ef0eb29-16b3c5928c10f23c298d1eeee55c3333.ssl.cf2.rackcdn.com/background-video.webv" type="video/webm"></video>
            <!-- The video used here is for development purposes only and will be changed for production. Copyright is attributed to fluidui.com -->
        </div>
        <div class="search-container">
            <div class="search-box">
                <h1>Github <span>User</span> <span>Search</span></h1>
                <div class="search-btn">
                    <input id="userSearch" type="text" minlength="4" maxlength="39" size="15" placeholder="Enter Github User Name" required>
                    <button class="search-github">Search Github</button>
                </div>

                <div class="popup">
                    <div class='help-popup-selector'>Do you need help?</div>
                    <div class="popup-content hidden-popup">
                    <!-- <span class="close">&times;</span> -->
                    <p>Need some help? Simply enter a Github user name in to the search field, select 'Search Github', and let the app do the work.</p>
                    </div>
                </div>

            </div>
        </div>
        <div class='overlay-footer'>
            <footer class='index-footer-content'>
                <ul class='index-footer-content-list'>
                    <li class='index-footer-content-item'><a href='index.html'>Search</a></li><li class='index-footer-content-item'><a href='privacy.html'>Privacy</a></li><li class='index-footer-content-item'><a href='terms.html'>Terms</a></li><li class='index-footer-content-item'><a href='contact.html'>Contact</a></li><li class='index-footer-content-item'><a href='about.html'>About</a></li>
                </ul>
                <p class='copyright'>Copyright 2019 ThomasSmith Dev</p>
            </footer>
        </div>
    </div>

    <!-- Search Results below -->

    <div class="search-results hide">
        <div class="avatar"></div>
        <div class="user-data">
          <p class="name"></p>
          <p class="user-name"></p>
          <p class="company"></p>
          <p class="repos"></p>
          <p class="url"></p>
        </div>
      </div>

      <div class="search-again hide">
          <p>Want more details on this Github User?</p>
          <a href="signup.html"><button>Join Github User Breakdown Free!</button></a>
        <p><a class="url" href="index.html">Click to search again?</a></p>
      </div>
      <footer class="footer-content index hide">
        <ul class="footer-content-list">
          <li class="footer-content-item"><a href="index.html">Search</a></li>
          <li class="footer-content-item"><a href="privacy.html">Privacy</a></li>
          <li class="footer-content-item"><a href="terms.html">Terms</a></li>
          <li class="footer-content-item"><a href="contact.html">Contact</a></li>
          <li class="footer-content-item"><a class="url" href="about.html">About</a></li>
        </ul>
        <p class="copyright">Copyright 2019 ThomasSmith Dev</p>
      </footer>

      <!-- Search Results above -->

    <script src="js/search.js"></script>
    <script src='js/popup.js'></script>
</body>
</html>