devExtension/index.html at master · mosco98/devExtension · 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./assets/css/animate.css">
  <link rel="stylesheet" href="./assets/css/teal.css">
  <link rel="stylesheet" href="./assets/css/style.css">
  <title>Devscreen</title>
</head>
<body class="position-fixed w-100">
  <!-- loader -->
  <div class="loader">
    <img src="./assets/img/icon.png" class="image-fluid" alt="">
  </div>
  <!-- main-content -->
  <div class="main w-100 h-75">
    <!-- country -->
    <div class="country position-fixed p-2">
    </div>
      <!-- time -->
  <div class="time-ctn position-fixed d-flex flex-column align-items-center justify-content-center">
    <div class="time navbar-brand" style="font-size: 30px">
    </div>
    <p class="text-muted" style="font-size: 14px"><span class="greeting"></span></p>
  </div>
    <!-- Search Bars -->
  <nav class="navbar navbar-light d-flex align-items-center justify-content-center container mt-4">
    <form class="form-inline border-bottom stack-form">
      <input class="form-control stack-input" type="text" placeholder="Search on Stack Overflow" aria-label="Search" autofocus>
      <div class="btn-group">
        <button type="button" class="btn stack-logo-btn"></button>
        <button type="button" class="btn dropdown-toggle dropdown-toggle-split stack-dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        </button>
        <div class="dropdown-menu shadow stack-menu">
          <p class="menu-header">SEARCH WITH</p>
          <p class="dropdown-item google-list1-btn">
            <img src="./assets/img/search-icons/icons8-google.svg" alt="google-logo">
            Google
          </p>
          <p class="dropdown-item stack-list1-btn">
              <img src="./assets/img/search-icons/stack-overflow.svg" alt="stack-overflow-logo">
              Stack Overflow
            </p>
          <p class="dropdown-item youtube-list1-btn">
            <img src="./assets/img/search-icons/icons8-play-button.svg" alt="youtube-logo">
            Youtube
          </p>
        </div>
      </div>
    </form>
    <form class="form-inline border-bottom google-form">
      <input class="form-control google-input" type="text" placeholder="Search on Google" aria-label="Search" autofocus autocomplete="on">
      <div class="btn-group">
        <button type="button" class="btn google-logo-btn"></button>
        <button type="button" class="btn dropdown-toggle dropdown-toggle-split google-dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        </button>
        <div class="dropdown-menu shadow google-menu">
            <p class="menu-header">SEARCH WITH</p>
            <p class="dropdown-item google-list2-btn">
              <img src="./assets/img/search-icons/icons8-google.svg" alt="google-logo">
              Google
            </p>
            <p class="dropdown-item stack-list2-btn">
                <img src="./assets/img/search-icons/stack-overflow.svg" alt="stack-overflow-logo">
                Stack Overflow
              </p>
            <p class="dropdown-item youtube-list2-btn">
              <img src="./assets/img/search-icons/icons8-play-button.svg" alt="youtube-logo">
              Youtube
            </p>
        </div>
      </div>
    </form>
    <form class="form-inline border-bottom youtube-form">
      <input class="form-control youtube-input" type="text" placeholder="Search on Youtube" aria-label="Search" autofocus>
      <div class="btn-group">
        <button type="button" class="btn youtube-logo-btn"></button>
        <button type="button" class="btn dropdown-toggle dropdown-toggle-split youtube-dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        </button>
        <div class="dropdown-menu youtube-menu">
            <p class="menu-header">SEARCH WITH</p>
            <p class="dropdown-item google-list3-btn">
              <img src="./assets/img/search-icons/icons8-google.svg" alt="google-logo">
              Google
            </p>
            <p class="dropdown-item stack-list3-btn">
                <img src="./assets/img/search-icons/stack-overflow.svg" alt="stack-overflow-logo">
                Stack Overflow
              </p>
            <p class="dropdown-item youtube-list3-btn">
              <img src="./assets/img/search-icons/icons8-play-button.svg" alt="youtube-logo">
              Youtube
            </p>
          </div>
      </div>
    </form>
  </nav>
  <!-- End of Search Bars -->
  <!-- loader for fetching posts -->
  <span class="message mr-auto ml-auto mt-7 text-muted text-center">
  </span>
  <!-- Grids Section -->
  <section class="container grid-wrapper" id="blog">
    <div class="row justify-content-md-center grid-ctn mt-1">
    </div>
    <!-- go to top Button -->
    <p class="ml-auto mr-auto d-flex align-items-center justify-content-center up-btn" title="Go to Top">&#8593;</p>
  </section>

  <!-- Footer -->
  <footer class="d-flex align-items-center justify-content-between fixed-bottom bg-white">
    <!-- Date -->
    <div class="date pt-3">
    </div>
    <div class="pools">
      <a href="https://docs.google.com/forms/d/e/1FAIpQLScmR8mQ5E4uVVxEuaVmmB0ZtGGyJlEtSgt4c1u8uhy4Ny232Q/viewform?usp=sf_link" style="font-size: 14px">Help us satisfy you. Your Opinion is valued!</a>
    </div>
    <!-- Footer with icons -->
    <span class="footer-note d-flex flex-column align-items-center justify-content-center h-25 pt-3">
      <p class="text-muted pb-0">Made with <img src="./assets/img/love.png" class="image-fluid" alt=""> from <a href="http://devscreen.online" target="_blank" style="box-shadow: inset 0 -2px 0 0 #fea226;">Devscreen</a></p>
      <div class="icons-group w-50 d-flex align-items-center justify-content-around pb-4">
        <a href="https://www.instagram.com/devscreen/" target="_blank"><img src="./assets/img/instagram.svg" class="image-fluid" alt=""></a>
        <a href="https://twitter.com/_devscreen" target="_blank"><img src="./assets/img/twitter.svg" class="image-fluid" alt=""></a>
        <a href="https://web.facebook.com/devscreen0/ " target="_blank"><img src="./assets/img/facebook.svg" class="image-fluid" alt=""></a>
      </div>
    </span>
  </footer>
  </div>

  <script src="./assets/js/jquery.min.js"></script>
  <script src="./assets/js/popper.min.js"></script>
  <script src="./assets/js/bootstrap.min.js"></script>
  <script src="./assets/js/script.js"></script>
</body>
</html>