286 lines
9.5 KiB
HTML
286 lines
9.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
|
<title>ChangeMe.com - My tagline here</title>
|
|
<meta content="" name="descriptions">
|
|
<meta content="" name="keywords">
|
|
|
|
<!-- Favicons -->
|
|
<link href="assets/img/favicon.png" rel="icon">
|
|
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
|
|
|
|
<!-- Google Fonts - Can probably trim this down a lot, I just didn't know what I needed in the beginning -->
|
|
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
|
|
|
|
<!-- Vendor CSS Files -->
|
|
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
|
|
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
|
|
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
|
|
|
|
<!-- Main CSS File -->
|
|
<link href="assets/css/style.css" rel="stylesheet">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- ======= Header ======= -->
|
|
<header id="header" class="fixed-top ">
|
|
<div class="container d-flex align-items-center justify-content-between">
|
|
<h1 class="logo"><a href="index.html">ChangeMe<span>.</span>com</a></h1>
|
|
<!-- Uncomment below if you prefer to use an image logo, don't forget to comment out the line above! -->
|
|
<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
|
|
|
|
<!-- .nav-menu -->
|
|
<nav class="nav-menu d-none d-lg-block">
|
|
<ul>
|
|
<li class="active"><a href="index.html">Home</a></li>
|
|
<li class="drop-down"><a href="">Useful Links</a>
|
|
<ul>
|
|
<li><a href="#">Option 1</a></li>
|
|
<li><a href="#">Option 2</a></li>
|
|
<li><a href="#">Option 3</a></li>
|
|
<li><a href="#">Option 4</a></li>
|
|
<li><a href="#">Option 5</a></li>
|
|
<li><a href="#">Option 6</a></li>
|
|
<li><a href="#">Option 7</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<!-- End Header -->
|
|
|
|
<!-- ======= Start Services Section ======= -->
|
|
<section id="hero" class="d-flex align-items-center justify-content-center">
|
|
<div class="container" data-aos="fade-up">
|
|
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
|
|
<div class="col-xl-6 col-lg-8">
|
|
<h1>Welcome!</h1>
|
|
<h2>A place to go for all your services.</h2>
|
|
<h2>Enjoy! Edit and modify to your hearts content.</h2>
|
|
<h2>Thank you for your interest in this project!</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-5 justify-content-center" data-aos="fade-up" data-aos-delay="800">
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-tv-line"></i>
|
|
<h3><a href="#">Option 1</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-government-line"></i>
|
|
<h3><a href="#">Option 2</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-bar-chart-grouped-line"></i>
|
|
<h3><a href="#">Option 3</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-git-pull-request-fill"></i>
|
|
<h3><a href="#">Option 4</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-hand-heart-fill"></i>
|
|
<h3><a href="#">Option 5</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-footprint-line"></i>
|
|
<h3><a href="#">Option 6</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-book-open-line"></i>
|
|
<h3><a href="#">Option 7</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-gps-fill"></i>
|
|
<h3><a href="#">Option 8</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-radar-line"></i>
|
|
<h3><a href="#">Option 9</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-pulse-line"></i>
|
|
<h3><a href="#">Option 10</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-git-repository-line"></i>
|
|
<h3><a href="#">Option 11</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-book-read-line"></i>
|
|
<h3><a href="#">Option 12</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-spy-line"></i>
|
|
<h3><a href="#">Option 13</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-archive-drawer-line"></i>
|
|
<h3><a href="#">Option 14</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-attachment-line"></i>
|
|
<h3><a href="#">Option 15</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-file-pdf-2-line"></i>
|
|
<h3><a href="#">Option 16</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="bx bx-landscape"></i>
|
|
<h3><a href="#">Option 17</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-zcool-line"></i>
|
|
<h3><a href="#">Option 18</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-armchair-line"></i>
|
|
<h3><a href="#">Option 19</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-shirt-line"></i>
|
|
<h3><a href="#">Option 20</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-pie-chart-line"></i>
|
|
<h3><a href="#">Option 21</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-git-merge-line"></i>
|
|
<h3><a href="#">Option 22</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ======= This box pulls it's image from Boxicons.com - Not from Remixicon.com like the others ======= -->
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="bx bxl-docker"></i>
|
|
<h3><a href="#">Option 23</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-2 col-md-4 col-6 mt-4 mt-md-0">
|
|
<div class="icon-box">
|
|
<i class="ri-terminal-fill"></i>
|
|
<h3><a href="#">Option 24</a></h3>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<!-- ======= End Services Section ======= -->
|
|
|
|
<!-- ======= Small Foot Section ======= -->
|
|
<section id="cta" class="cta">
|
|
<div class="container" data-aos="zoom-in">
|
|
<div class="text-center">
|
|
<h3>― J.R.R. Tolkien, The Fellowship of the Ring</h3>
|
|
<p>“I don't know half of you half as well as I should like; and I like less than half of you half as well as you deserve.”</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Small Foot Section -->
|
|
|
|
<!-- ======= Footer ======= -->
|
|
<footer id="footer">
|
|
<div class="footer-top">
|
|
<div class="container">
|
|
<div class="row">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- End Footer -->
|
|
|
|
<!-- Back to top up arrow, displayed after scroll -->
|
|
<a href="#" class="back-to-top"><i class="ri-arrow-up-line"></i></a>
|
|
<div id="preloader"></div>
|
|
|
|
<!-- Vendor JS Files -->
|
|
<script src="assets/vendor/jquery/jquery.min.js"></script>
|
|
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
|
|
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
|
|
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
|
|
<script src="assets/vendor/counterup/counterup.min.js"></script>
|
|
<script src="assets/vendor/aos/aos.js"></script>
|
|
|
|
<!-- Main JS File -->
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html> |