0% found this document useful (0 votes)
54 views5 pages

Musha HTML

The document is the HTML code for a website called CryptoMarket that displays cryptocurrency exchange rates. It includes the standard HTML structure with headings, links, images and tables. The site header includes navigation links and the hero section displays cryptocurrency prices. Additional sections provide information about the site and include contact details in the footer. Styling is added through external CSS files linked in the head.

Uploaded by

gio giorga
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
54 views5 pages

Musha HTML

The document is the HTML code for a website called CryptoMarket that displays cryptocurrency exchange rates. It includes the standard HTML structure with headings, links, images and tables. The site header includes navigation links and the hero section displays cryptocurrency prices. Additional sections provide information about the site and include contact details in the footer. Styling is added through external CSS files linked in the head.

Uploaded by

gio giorga
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>cryptomarket.ge</title>
<meta name="title"
content="OnePage/OnePage/assets/img/Crypto-logos/bitcoin_icon_130978.png">
<meta content="" name="description">
<meta content="" name="keywords">

<!-- Favicons -->


<link href="assets/img/bitcoin_icon_130978.png" rel="icon">
<link href="assets/img/bitcoin_icon_130978.png" rel="apple-touch-icon">

<!-- Google Fonts -->


<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/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<!-- Template 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">CryptoMarket</a></h1>


<!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt=""
class="img-fluid"></a>-->

<nav id="navbar" class="navbar">


<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li class="dropdown"><a href="#"><span>Drop Down</span> <i class="bi bi-
chevron-down"></i></a>
<ul>
<li><a href="#">Drop Down 1</a></li>
<li><a href="#">Drop Down 2</a></li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
</ul>
</li>
<li><a class="getstarted scrollto" href=" ">LOG IN</a></li>
<li><a class="getstarted scrollto" href=" ">SIGN UP</a></li>
</ul>

<i class="bi bi-list mobile-nav-toggle"></i>


</nav><!-- .navbar -->

</div>
</header><!-- End Header -->

<!-- ======= Hero Section ======= -->


<section id="hero" class="d-flex align-items-center">
<div class="container position-relative" data-aos="fade-up" data-aos-
delay="100">
<div class="row justify-content-center">
<div class="col-xl-7 col-lg-9 text-center">
<h1>Crypto Exchange Rate</h1>
<h2>Keep an eye on the cryptocurrency exchange rate</h2>
<br>
<br>
<br>
</div>
</div>

<table id="cryptoTable">
<thead>
<tr>
<th>Currency</th>
<th><img src="/OnePage/OnePage/assets/img/Company logos/mycoins.png"
width="90"></th>
<th><img src="/OnePage/OnePage/assets/img/Company logos/cryptal-
logo.svg" width="25">CRYPTAL</th>
<th><img src="/OnePage/OnePage/assets/img/Company
logos/COINMANIA.png" width="90"></th>
<th><img src="/OnePage/OnePage/assets/img/Company logos/bitnet.svg"
width="90"></th>
</tr>
</thead>
<tbody id="cryptoTableBody">
<!-- Table rows will be dynamically added here -->
</tbody>
</table>

<script src="script.js"></script>

</section><!-- End Hero -->

<main id="main">

<!-- ======= About Section ======= -->


<section id="about" class="about">
<div class="container" data-aos="fade-up">

<div class="section-title">
<h2>About Us</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex
aliquid fuga eum quidem. </p>
</div>

<div class="row content">


<div class="col-lg-6">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore
magna aliqua.
</p>
<ul>
<li><i class="ri-check-double-line"></i> Ullamco laboris nisi ut
aliquip ex ea commodo consequat</li>
<li><i class="ri-check-double-line"></i> Duis aute irure dolor in
reprehenderit in voluptate velit</li>
<li><i class="ri-check-double-line"></i> Ullamco laboris nisi ut
aliquip ex ea commodo consequat</li>
</ul>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
Ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</div>
</div>

</section><!-- End About Section -->

</main><!-- End #main -->

<!-- ======= Footer ======= -->


<footer id="footer">

<div class="footer-top">
<div class="container">
<div class="row">

<div class="col-lg-3 col-md-6 footer-contact">


<h3>OnePage</h3>
<p>
A108 Adam Street <br>
Tbilisi, <br>
Georgia<br><br>
<strong>Phone:</strong> +1 5589 55488 55<br>
<strong>Email:</strong> [email protected]<br>
</p>
</div>

<div class="col-lg-2 col-md-6 footer-links">


<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">About us</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Terms of
service</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Privacy
policy</a></li>
</ul>
</div>

<div class="col-lg-3 col-md-6 footer-links">


<h4>Our Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Web
Development</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Product
Management</a></li>
<li><i class="bx bx-chevron-right"></i> <a
href="#">Marketing</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Graphic
Design</a></li>
</ul>
</div>

<div class="col-lg-4 col-md-6 footer-newsletter">


<h4>Join Our Newsletter</h4>
<p>Tamen quem nulla quae legam multos aute sint culpa legam noster
magna</p>
</div>

</div>
</div>
</div>

<div class="container d-md-flex py-4">

<div class="me-md-auto text-center text-md-start">


<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form:
https://bootstrapmade.com/onepage-multipurpose-bootstrap-template/ -->
Designed by <a>Developer</a>
</div>
</div>
<div class="social-links text-center text-md-right pt-3 pt-md-0">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</footer><!-- End Footer -->

<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-
center"><i class="bi bi-arrow-up-short"></i></a>

<!-- Vendor JS Files -->


<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>

<!-- Template Main JS File -->


<script src="assets/js/main.js"></script>

</body>

</html>

You might also like