Super_Admin.html

<!DOCTYPE html>

<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Super Admin</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
		<script src="js/jquery.min.js"></script>
		<script src="js/skel.min.js"></script>
		<script src="js/skel-layers.min.js"></script>
		<script src="js/init.js"></script>
		<script src="js/jquery-3.3.1.min.js"></script>
        <script src="js/jquery-ui.min.js"></script>
		<noscript>
			<link rel="stylesheet" href="css/skel.css" />
			<link rel="stylesheet" href="css/style.css" />
			<link rel="stylesheet" href="css/style-xlarge.css" />
		</noscript>
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/input.css">
		
		<!--Favicon files-->
		<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
        <link rel="manifest" href="favicons/site.webmanifest">
        <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#5bbad5">
        <link rel="shortcut icon" href="favicons/favicon.ico">
        <meta name="msapplication-TileColor" content="#da532c">
        <meta name="msapplication-config" content="favicons/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">
        
        <!--JQuery css-->
		<link rel="stylesheet" href="css/index.css">
		<link rel="stylesheet" href="css/jquery-ui.min.css">
        <link rel="stylesheet" href="css/jquery-ui.structure.min.css">
        <link rel="stylesheet" href="css/jquery-ui.theme.min.css">
	</head>
	<body class="landing">

		<!-- Header -->
			<header id="header">
				<h1><a href="index.html">AASCA</a></h1>
				<nav id="nav">
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="faq.html">FAQ</a></li>
						<li><a href="profile.html">Profile</a></li>
						<li><a href="#" class="button special button-hover">Sign Out</a></li>
					</ul>
				</nav>
			</header>

		<!-- Banner -->
			<section id="banner">
				<h2>AUTOMATIC ACTIVE SERVER COMMUNICATION ALERTS</h2>
				<p>Made for Developers</p>
				<ul class="actions">
					<li>
				<div>
					<div class="sch search-nav search-flex">
                        <input type="text2" placeholder="search website" class="search-nav-opt search1 button" id="search" title="type here to search!">
                    </div>
				</div>
						<!-- <a href="#" class="button big">SEARCH</a> -->
						<ul class="actions">
							<li><a href="#" class="button">Search</a></li>
						</ul>
					</li>
				</ul>
			</section>

		<!-- One -->
			<section id="one" class="section-bg">
				<div class="container">
					<header class="major">
						<h2>WEBSITES</h2>
					</header>
					<div class="table-wrapper">
							<table>
								<thead>
									<tr>
										<th>SR.NO</th>
										<th>WEBSITE</th>
										<th>Email</th>
										<th>Documents</th>
										<th>Approve</th>
										<th>Remove</th>

									</tr>
								</thead>
								<tbody>
									<tr>
										<td>1</td>
										<td>GOOGLE.COM</td>
										<td><a>verify.google.en@gmail.com</a></td>
										<td><a href="#" class="button small">View</a></td>
										<td><a href="#" class="button small">Approve</a></td>
										<td><a href="#" class="button small">Remove</a></td>
									</tr>
									<tr>
											<td>2</td>
											<td>github.com</td>
											<td><a>verify.google.en@gmail.com</a></td>
                                            <td><a href="#" class="button small">View</a></td>
                                            <td><a href="#" class="button small">Approve</a></td>
                                            <td><a href="#" class="button small">Remove</a></td>
									</tr>
									<tr>
											<td>3</td>
											<td>raisoni.net</td>
											<td><a>verify.google.en@gmail.com</a></td>
                                            <td><a href="#" class="button small">View</a></td>
                                            <td><a href="#" class="button small">Approve</a></td>
                                            <td><a href="#" class="button small">Remove</a></td>
									</tr>
									<tr>
											<td>4</td>
											<td>codepen.com</td>
											<td><a>verify.google.en@gmail.com</a></td>
                                            <td><a href="#" class="button small">View</a></td>
                                            <td><a href="#" class="button small">Approve</a></td>
                                            <td><a href="#" class="button small">Remove</a></td>
									</tr>
									<tr>
											<td>5</td>
											<td>atom.io</td>
											<td><a>verify.google.en@gmail.com</a></td>
                                            <td><a href="#" class="button small">View</a></td>
                                            <td><a href="#" class="button small">Approve</a></td>
                                            <td><a href="#" class="button small">Remove</a></td>
									</tr>
								</tbody>
							</table>
						</div>
                </div>
			</section>

		<!-- Two -->
			<!-- <section id="two" class="wrapper style2 special">
				<div class="container">
					<header class="major">
						<h2>Lorem ipsum dolor sit</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio, autem.</p>
					</header>
					<section class="profiles">
						<div class="row">
							<section class="3u 6u(medium) 12u$(xsmall) profile">
								<img src="images/profile_placeholder.gif" alt="" />
								<h4>Lorem ipsum</h4>
								<p>Lorem ipsum dolor</p>
							</section>
							<section class="3u 6u$(medium) 12u$(xsmall) profile">
								<img src="images/profile_placeholder.gif" alt="" />
								<h4>Voluptatem dolores</h4>
								<p>Ullam nihil repudi</p>
							</section>
							<section class="3u 6u(medium) 12u$(xsmall) profile">
								<img src="images/profile_placeholder.gif" alt="" />
								<h4>Doloremque quo</h4>
								<p>Harum corrupti quia</p>
							</section>
							<section class="3u$ 6u$(medium) 12u$(xsmall) profile">
								<img src="images/profile_placeholder.gif" alt="" />
								<h4>Voluptatem dicta</h4>
								<p>Et natus sapiente</p>
							</section>
						</div>
					</section>
					<footer>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam dolore illum, temporibus veritatis eligendi, aliquam, dolor enim itaque veniam aut eaque sequi qui quia vitae pariatur repudiandae ab dignissimos ex!</p>
						<ul class="actions">
							<li>
								<a href="#" class="button big">Lorem ipsum dolor sit</a>
							</li>
						</ul>
					</footer>
				</div>
			</section> -->

		<!-- Footer -->
			<footer id="footer">
				<div class="container">
<!--
					<section class="links">
						<div class="row">
							<section class="3u 6u(medium) 12u$(small)">
								<h3>Lorem ipsum dolor</h3>
								<ul class="unstyled">
									<li><a href="#">Lorem ipsum dolor sit</a></li>
									<li><a href="#">Nesciunt itaque, alias possimus</a></li>
									<li><a href="#">Optio rerum beatae autem</a></li>
									<li><a href="#">Nostrum nemo dolorum facilis</a></li>
									<li><a href="#">Quo fugit dolor totam</a></li>
								</ul>
							</section>
							<section class="3u 6u$(medium) 12u$(small)">
								<h3>Culpa quia, nesciunt</h3>
								<ul class="unstyled">
									<li><a href="#">Lorem ipsum dolor sit</a></li>
									<li><a href="#">Reiciendis dicta laboriosam enim</a></li>
									<li><a href="#">Corporis, non aut rerum</a></li>
									<li><a href="#">Laboriosam nulla voluptas, harum</a></li>
									<li><a href="#">Facere eligendi, inventore dolor</a></li>
								</ul>
							</section>
							<section class="3u 6u(medium) 12u$(small)">
								<h3>Neque, dolore, facere</h3>
								<ul class="unstyled">
									<li><a href="#">Lorem ipsum dolor sit</a></li>
									<li><a href="#">Distinctio, inventore quidem nesciunt</a></li>
									<li><a href="#">Explicabo inventore itaque autem</a></li>
									<li><a href="#">Aperiam harum, sint quibusdam</a></li>
									<li><a href="#">Labore excepturi assumenda</a></li>
								</ul>
							</section>
							<section class="3u$ 6u$(medium) 12u$(small)">
								<h3>Illum, tempori, saepe</h3>
								<ul class="unstyled">
									<li><a href="#">Lorem ipsum dolor sit</a></li>
									<li><a href="#">Recusandae, culpa necessita nam</a></li>
									<li><a href="#">Cupiditate, debitis adipisci blandi</a></li>
									<li><a href="#">Tempore nam, enim quia</a></li>
									<li><a href="#">Explicabo molestiae dolor labore</a></li>
								</ul>
							</section>
						</div>
					</section>
-->
					<div class="row">
						<div class="8u 12u$(medium)">
							<ul class="copyright">
								<li>&copy; CodeBlooded, 2019.</li>
								<li><a href="about.html">About us</a></li>
								<li><a href="faq.html">FAQ</a></li>
								<li><a href="#">Terms &amp; Conditions</a></li>
							</ul>
						</div>
						<div class="4u$ 12u$(medium)">
							<ul class="icons">
								<li>
									<a class="icon rounded fa-facebook"><span class="label">Facebook</span></a>
								</li>
								<li>
									<a class="icon rounded fa-twitter"><span class="label">Twitter</span></a>
								</li>
								<li>
									<a class="icon rounded fa-google-plus"><span class="label">Google+</span></a>
								</li>
								<li>
									<a class="icon rounded fa-linkedin"><span class="label">LinkedIn</span></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</footer>

	</body>

	<script>
		// jQuery code

		$(document).ready(function(){

	  //autocomplete for search 
  	 // put json array of websites in below variable
		   var sites = ["Facebook","facetime", "Twitter", "Instagram", "Apple", "Microsoft", "Lamborghini", "Nissan", "IIT-B", "DRDO", "NASA", "ISRO"];
				$("#search").autocomplete({
						source: sites,
					   autoFocus: true
				});
		});
		
	</script>
</html>