| Server IP : 142.132.252.48 / Your IP : 216.73.216.255 Web Server : LiteSpeed System : Linux panel555.harmondns.net 4.18.0-553.22.1.lve.1.el8.x86_64 #1 SMP Tue Oct 8 15:52:54 UTC 2024 x86_64 User : nmgsjour ( 1446) PHP Version : 7.4.33 Disable Function : mail, show_source, system, shell_exec, passthru, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/nmgsjour/public_html/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Countdown landing page Bootstrap template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Google fonts-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
<!-- Custom stylesheet - for your changes-->
<link rel="stylesheet" href="css/custom.css">
<!-- Favicon-->
<link rel="shortcut icon" href="img/favicon.png">
</head>
<body>
<div class="container py-5">
<h1>Bootstrap(ious) 4 Boilerplate</h1>
<p>This is a sample content.</p>
<div class="jumbotron">
<h1>Kitchen Sink</h1>
<p>A quick preview of everything Bootstrap has to offer.</p>
<p><a class="btn btn-primary btn-large" href="#">Learn more »</a> <a class="btn btn-outline-primary btn-large" href="#">Learn more »</a></p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="card mb-4" id="headings">
<div class="card-header">Headings</div>
<div class="card-body">
<h1>This is an h1 heading</h1>
<h2>This is an h2 heading</h2>
<h3>This is an h3 heading</h3>
<h4>This is an h4 heading</h4>
<h5>This is an h5 heading</h5>
<h6>This is an h6 heading</h6>
</div>
</div>
<div class="card mb-4" id="tables">
<div class="card-header">Tables</div>
<div class="card-body">
<table class="table table-hover">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Tables</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Michael</td>
<td>Are formatted like this</td>
</tr>
<tr>
<td>2</td>
<td>Lucille</td>
<td>Do you like them?</td>
</tr>
<tr class="table-success">
<td>3</td>
<td>Success</td>
<td></td>
</tr>
<tr class="table-danger">
<td>4</td>
<td>Danger</td>
<td></td>
</tr>
<tr class="table-warning">
<td>5</td>
<td>Warning</td>
<td></td>
</tr>
<tr class="table-active">
<td>6</td>
<td>Active</td>
<td></td>
</tr>
</tbody>
</table>
<table class="table table-bordered">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Tables</th>
</tr>
</thead>
<tbody>
<tr class="table-active">
<td>1</td>
<td>Michael</td>
<td>This one is bordered and condensed</td>
</tr>
<tr>
<td>2</td>
<td>Lucille</td>
<td>Do you still like it?</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card mb-4" id="content-formatting">
<div class="card-header">Content Formatting</div>
<div class="card-body">
<p class="lead">This is a lead paragraph.</p>
<p>This is an <b>ordinary paragraph</b> that is <i>long enough</i> to wrap to
<u>multiple lines</u> so that you can see how the line spacing looks.
</p>
<p class="text-muted">Muted color paragraph.</p>
<p class="text-warning">Warning color paragraph.</p>
<p class="text-danger">Danger color paragraph.</p>
<p class="text-info">Info color paragraph.</p>
<p class="text-primary">Primary color paragraph.</p>
<nav aria-label="...">
<ul class="pagination">
<li class="page-item disabled"><span class="page-link">Previous</span></li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active"><span class="page-link">2<span class="visually-hidden">(current)</span></span></li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">Next</a></li>
</ul>
</nav>
<p><small>This is text in a <code>small</code> wrapper. <abbr title="No Big Deal">NBD</abbr>, right?</small></p>
<hr>
<address><strong>Twitter, Inc.</strong><br> 795 Folsom Ave, Suite 600<br> San Francisco, CA 94107<br><abbr title="Phone">P:</abbr> (123) 456-7890</address>
<address class="col-6"><strong>Full Name</strong><br><a href="mailto:#">first.last@example.com</a></address>
<hr>
<blockquote>Here's what a blockquote looks like in Bootstrap.<small>Use <code>small</code> to identify the source.</small></blockquote>
<hr>
<div class="row">
<div class="col-xs-6">
<ul>
<li>Normal Unordered List</li>
<li>Can Also Work
<ul>
<li>With Nested Children</li>
</ul>
</li>
<li>Adds Bullets to Page</li>
</ul>
</div>
<div class="col-xs-6">
<ol>
<li>Normal Ordered List</li>
<li>Can Also Work
<ol>
<li>With Nested Children</li>
</ol>
</li>
<li>Adds Bullets to Page</li>
</ol>
</div>
</div>
<hr>
<pre>\nfunction preFormatting() { // looks like this; var something = somethingElse; return true;} </pre>
</div>
</div>
</div>
</div>
<div class="card mb-4" id="forms">
<div class="card-header">Forms</div>
<div class="card-body">
<form>
<div class="mb-3">
<label class="form-label" for="exampleInputEmail1">Email address</label>
<input class="form-control" id="exampleInputEmail1" type="email" aria-describedby="emailHelp">
<div class="form-text" id="emailHelp">We'll never share your email with anyone else.</div>
</div>
<div class="mb-3">
<label class="form-label" for="exampleInputPassword1">Password</label>
<input class="form-control" id="exampleInputPassword1" type="password">
</div>
<div class="mb-3 form-check">
<input class="form-check-input" id="exampleCheck1" type="checkbox">
<label class="form-check-label" for="exampleCheck1">Check me out</label>
</div>
<button class="btn btn-primary" type="submit">Submit</button>
</form>
<hr class="my-5">
<h4 class="mb-5">Horizontal form</h4>
<form class="row row-cols-lg-auto g-3 align-items-center">
<div class="col-12">
<input class="form-control" type="text" placeholder="Email">
<label class="visually-hidden" for="inlineFormInputGroupUsername2">Username</label>
</div>
<div class="col-12">
<div class="input-group"><span class="input-group-text">@</span>
<input class="form-control" id="inlineFormInputGroupUsername2" type="text">
</div>
</div>
<div class="col-12">
<div class="form-check">
<input class="form-check-input" id="inlineFormCheck" type="checkbox">
<label class="form-check-label" for="inlineFormCheck">Remember me</label>
</div>
</div>
<div class="col-12">
<button class="btn btn-primary" type="submit">Submit</button>
</div>
</form>
<hr class="my-5">
<h4 class="mb-5">Horizontal form</h4>
<form>
<div class="row mb-3">
<label class="col-sm-2 col-form-label" for="inputEmail3">Email</label>
<div class="col-sm-10">
<input class="form-control" id="inputEmail3" type="email">
</div>
</div>
<div class="row mb-3">
<label class="col-sm-2 col-form-label" for="inputPassword3">Password</label>
<div class="col-sm-10">
<input class="form-control" id="inputPassword3" type="password">
</div>
</div>
<fieldset>
<div class="row mb-3">
<legend class="col-form-label col-sm-2 pt-0">Radios</legend>
<div class="col-sm-10">
<div class="form-check">
<input class="form-check-input" id="gridRadios1" type="radio" name="gridRadios" value="option1" checked>
<label class="form-check-label" for="gridRadios1">
First radio
</label>
</div>
<div class="form-check">
<input class="form-check-input" id="gridRadios2" type="radio" name="gridRadios" value="option2">
<label class="form-check-label" for="gridRadios2">
Second radio
</label>
</div>
<div class="form-check disabled">
<input class="form-check-input" id="gridRadios3" type="radio" name="gridRadios" value="option3" disabled>
<label class="form-check-label" for="gridRadios3">
Third disabled radio
</label>
</div>
</div>
</div>
</fieldset>
<div class="row mb-3">
<div class="col-form-label col-sm-2 pt-0">Checkbox</div>
<div class="col-sm-10">
<div class="form-check">
<input class="form-check-input" id="gridCheck1" type="checkbox">
<label class="form-check-label" for="gridCheck1">
Example checkbox
</label>
</div>
</div>
</div>
<button class="btn btn-primary" type="submit">Sign in</button>
</form>
</div>
</div>
<div class="card mb-4" id="buttons">
<div class="card-header">Buttons</div>
<div class="card-body">
<p>
<button class="btn btn-lg btn-secondary" type="button">Default Lg</button>
<button class="btn btn-lg btn-primary" type="button">Primary</button>
<button class="btn btn-lg btn-success" type="button">Success</button>
<button class="btn btn-lg btn-info" type="button">Info</button>
<button class="btn btn-lg btn-warning" type="button">Warning</button>
<button class="btn btn-lg btn-danger" type="button">Danger</button>
<button class="btn btn-lg btn-link" type="button">Link</button>
</p>
<p>
<button class="btn btn-secondary" type="button">Default </button>
<button class="btn btn-primary" type="button">Primary</button>
<button class="btn btn-success" type="button">Success</button>
<button class="btn btn-info" type="button">Info</button>
<button class="btn btn-warning" type="button">Warning</button>
<button class="btn btn-danger" type="button">Danger</button>
<button class="btn btn-link" type="button">Link</button>
</p>
<p>
<button class="btn btn-sm btn-secondary" type="button">Default Sm</button>
<button class="btn btn-sm btn-primary" type="button">Primary</button>
<button class="btn btn-sm btn-success" type="button">Success</button>
<button class="btn btn-sm btn-info" type="button">Info</button>
<button class="btn btn-sm btn-warning" type="button">Warning</button>
<button class="btn btn-sm btn-danger" type="button">Danger</button>
<button class="btn btn-sm btn-link" type="button">Link</button>
</p>
</div>
</div>
<div class="card">
<div class="card-header">Button dropdown</div>
<div class="card-body">
<div class="dropdown">
<button class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Dropdown button</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton"><a class="dropdown-item" href="#">Action</a><a class="dropdown-item" href="#">Another action</a><a class="dropdown-item" href="#">Something else here</a></div>
</div>
</div>
</div>
</div>
<!-- JavaScript files-->
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/timezz/timezz.js"></script>
<script src="js/theme.js"></script>
<script>
// You can set the final date from the following variable.
let deadline = 'Sep 22, 2023 00:00:00'
// and now we init the countdown
document.addEventListener('DOMContentLoaded', function () {
countDown(deadline, '#countdown')
});
</script>
<!-- FontAwesome CSS - loading as last, so it doesn't block rendering-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</body>
</html>