Skip to content
Snippets Groups Projects
Commit d243c8a0 authored by Jay's avatar Jay
Browse files

del design

parent 4cd8b6f3
No related branches found
No related tags found
No related merge requests found
Pipeline #454294 passed
<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>About Us - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top bg-body clean-navbar">
<div class="container"><a class="navbar-brand logo" href="#">SZ</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item dropdown show"><a class="dropdown-toggle nav-link" aria-expanded="true" data-bs-toggle="dropdown" href="#">Dropdown </a>
<div class="dropdown-menu show" data-bs-popper="none"><a class="dropdown-item" href="#"><span style="color: rgb(206, 145, 120); background-color: rgb(31, 31, 31);">contribution</span></a><a class="dropdown-item" href="#">Second s Item</a><a class="dropdown-item" href="#">Third Item</a></div>
</li>
<li class="nav-item"><a class="nav-link active" href="about-us.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
</ul>
</div>
</div>
</nav>
<main class="page">
<section class="clean-block">
<div class="container">
<div class="block-heading">
<h2 class="text-info">About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="row justify-content-center">
<div class="col-sm-6 col-lg-4">
<div class="card text-center clean-card"><img class="card-img-top w-100 d-block" src="assets/img/avatars/avatar1.jpg">
<div class="card-body info">
<h4 class="card-title">John Smith</h4>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a href="#"><i class="icon-social-instagram"></i></a><a href="#"><i class="icon-social-twitter"></i></a></div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card text-center clean-card"><img class="card-img-top w-100 d-block" src="assets/img/avatars/avatar2.jpg">
<div class="card-body info">
<h4 class="card-title">Robert Downturn</h4>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a href="#"><i class="icon-social-instagram"></i></a><a href="#"><i class="icon-social-twitter"></i></a></div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="card text-center clean-card"><img class="card-img-top w-100 d-block" src="assets/img/avatars/avatar3.jpg">
<div class="card-body info">
<h4 class="card-title">Ally Sanders</h4>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="icons"><a href="#"><i class="icon-social-facebook"></i></a><a href="#"><i class="icon-social-instagram"></i></a><a href="#"><i class="icon-social-twitter"></i></a></div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark">
<div class="footer-copyright">
<footer class="text-center">
<div class="container text-muted py-4 py-lg-5">
<ul class="list-inline">
<li class="list-inline-item me-4"><a class="link-secondary" href="#">Web design</a></li>
<li class="list-inline-item me-4"><a class="link-secondary" href="#">Development</a></li>
<li class="list-inline-item"><a class="link-secondary" href="#">Hosting</a></li>
</ul>
<ul class="list-inline">
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path>
</svg></li>
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path>
</svg></li>
</ul>
<p class="mb-0">Copyright © 2024 Brand</p>
</div>
</footer>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>
\ No newline at end of file
......@@ -29,8 +29,7 @@
<a class="nav-link" href="human-practices.html">Human Practice</a></li>
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a></li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a></li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Team</a>
<div class="dropdown-menu">
......
......@@ -29,8 +29,7 @@
<a class="nav-link" href="human-practices.html">Human Practice</a></li>
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a></li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a></li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Team</a>
<div class="dropdown-menu">
......
......@@ -44,9 +44,6 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Squirrel-Shenzhen iGEM 2024</title>
<link rel="icon" type="image/png" sizes="113x43" href="assets/img/logo_sz.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body>
<main class="page"><nav class="navbar navbar-expand-lg fixed-top bg-body clean-navbar">
<div class="container">
<a href="index.html" class="navbar-brand logo">
<img src="https://static.igem.wiki/teams/5459/logo.png" alt="Logo">
</a>
<!-- <img class="navbar-brand logo " href="index.html" src="https://static.igem.wiki/teams/5459/logo.png" > -->
<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div id="navcol-1" class="collapse navbar-collapse">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href>Project</a>
<div class="dropdown-menu"><a class="dropdown-item" href="contribution.html">Contribution</a><a class="dropdown-item" href="description.html">Description</a><a class="dropdown-item" href="engineering.html">Engineering</a><a class="dropdown-item" href="parts.html">Parts</a><a class="dropdown-item" href="results.html">Results</a><a class="dropdown-item" href="experiments.html">Experiments</a><a class="dropdown-item" href="notebook.html">Notebook</a><a class="dropdown-item" href="safety.html">Safety</a></div>
</li>
<li class="nav-item">
<a class="nav-link" href="human-practices.html">Human Practice</a></li>
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a></li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a></li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Team</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="team.html">Members</a>
<a class="dropdown-item" href="attributions.html">Attributions</a></div>
</li>
<li class="nav-item">
<a class="nav-link" href="awards.html">Awards</a></li>
</ul>
</div>
</div>
</nav>
<section class="clean-block clean-post dark">
<div class="container">
<div class="block-content">
<div class="post-image" style="background-image:url('assets/img/scenery/image3.jpg');"></div>
<div class="post-body">
<h3>Lorem Ipsum dolor</h3>
<div class="post-info"><span>By John Smith</span><span>Jan 27, 2018</span></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<figure class="figure"><img class="rounded img-fluid figure-img figure-img" src="assets/img/scenery/image6.jpg" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption">Lorem ipsum dolor</figcaption>
</figure>
<h4>Lorem Ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="row">
<div class="col-md-6">
<figure class="figure"><img class="rounded img-fluid figure-img figure-img" src="assets/img/scenery/image4.jpg" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption">Lorem Ipsum dolor</figcaption>
</figure>
</div>
<div class="col">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.&nbsp;</p>
</div>
</div>
<h4>Lorem Ipsum dolor</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="row">
<div class="col">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="col-md-6">
<figure class="figure"><img class="rounded img-fluid figure-img figure-img" src="assets/img/scenery/image5.jpg" alt="A generic square placeholder image with rounded corners in a figure.">
<figcaption class="figure-caption">Lorem Ipsum dolor</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="page-footer dark">
<footer class="text-center">
<div class="container text-muted py-4 py-lg-5">
<ul class="list-inline">
<li class="list-inline-item list-inline-item list-inline-item list-inline-item me-4"><a class="link-secondary" href="description.html">Description</a></li>
<li class="list-inline-item list-inline-item list-inline-item list-inline-item me-4"><a class="link-secondary" href="team.html">Team</a></li>
<li class="list-inline-item list-inline-item list-inline-item list-inline-item"><a class="link-secondary" href="awards.html">Awards</a></li>
</ul>
<ul class="list-inline">
<li class="list-inline-item list-inline-item list-inline-item me-4"><svg class="bi bi-facebook" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path></svg></li>
<li class="list-inline-item list-inline-item list-inline-item me-4"><svg class="bi bi-twitter" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15"></path></svg></li>
<li class="list-inline-item list-inline-item list-inline-item"><svg class="bi bi-instagram" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewbox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path></svg></li>
</ul><ul class="list-inline">
<div class="list-inline-item me-4"><img class="img-fluid" src="https://static.igem.wiki/teams/5459/logo.png" alt="Company Logo"></div>
<div class="list-inline-item list-inline-item me-4 "><img class="img-fluid" src="https://static.igem.wiki/teams/5459/logo.png" alt="Company Logo"><img class="img-fluid" src="https://static.igem.wiki/teams/5459/logo.png" alt="Company Logo"></div>
</ul>
<p class="mb-0"><br>© 2024 - Content on this site is licensed under a Creative Commons Attribution 4.0 International license</p>
<p><small>The repository used to create this website is available at <a class="text-light" href="https://gitlab.igem.org/2024/squirrel-shenzhen">gitlab.igem.org/2024/squirrel-shenzhen</a>.</small></p>
</div>
</footer>
</footer>
</main>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>
\ No newline at end of file
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
......@@ -29,8 +29,7 @@
<a class="nav-link" href="human-practices.html">Human Practice</a></li>
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a></li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a></li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Team</a>
<div class="dropdown-menu">
......
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
......@@ -29,8 +29,7 @@
<a class="nav-link" href="human-practices.html">Human Practice</a></li>
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a></li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a></li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Team</a>
<div class="dropdown-menu">
......
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Pricing - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top bg-body clean-navbar">
<div class="container"><a class="navbar-brand logo" href="#">SZ</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item dropdown show"><a class="dropdown-toggle nav-link" aria-expanded="true" data-bs-toggle="dropdown" href="#">Dropdown </a>
<div class="dropdown-menu show" data-bs-popper="none"><a class="dropdown-item" href="#"><span style="color: rgb(206, 145, 120); background-color: rgb(31, 31, 31);">contribution</span></a><a class="dropdown-item" href="#">Second s Item</a><a class="dropdown-item" href="#">Third Item</a></div>
</li>
<li class="nav-item"><a class="nav-link" href="about-us.html">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
</ul>
</div>
</div>
</nav>
<main class="page">
<section class="clean-block clean-pricing dark">
<div class="container">
<div class="block-heading">
<h2 class="text-info">Pricing Table</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna, dignissim nec auctor in, mattis vitae leo.</p>
</div>
<div class="row justify-content-center">
<div class="col-md-5 col-lg-4">
<div class="clean-pricing-item">
<div class="heading">
<h3>BASIC</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="features">
<h4><span class="feature">Full Support:&nbsp;</span><span>No</span></h4>
<h4><span class="feature">Duration:&nbsp;</span><span>30 Days</span></h4>
<h4><span class="feature">Storage:&nbsp;</span><span>10GB</span></h4>
</div>
<div class="price">
<h4>$25</h4>
</div><button class="btn btn-outline-primary d-block w-100" type="button">BUY NOW</button>
</div>
</div>
<div class="col-md-5 col-lg-4">
<div class="clean-pricing-item">
<div class="ribbon"><span>Best Value</span></div>
<div class="heading">
<h3>PRO</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="features">
<h4><span class="feature">Full Support:&nbsp;</span><span>Yes</span></h4>
<h4><span class="feature">Duration:&nbsp;</span><span>60 Days</span></h4>
<h4><span class="feature">Storage:&nbsp;</span><span>50GB</span></h4>
</div>
<div class="price">
<h4>$50</h4>
</div><button class="btn btn-primary d-block w-100" type="button">BUY NOW</button>
</div>
</div>
<div class="col-md-5 col-lg-4">
<div class="clean-pricing-item">
<div class="heading">
<h3>PREMIUM</h3>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<div class="features">
<h4><span class="feature">Full Support:&nbsp;</span><span>Yes</span></h4>
<h4><span class="feature">Duration:&nbsp;</span><span>120 Days</span></h4>
<h4><span class="feature">Storage:&nbsp;</span><span>150GB</span></h4>
</div>
<div class="price">
<h4>$150</h4>
</div><button class="btn btn-outline-primary d-block w-100" type="button">BUY NOW</button>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="page-footer dark">
<div class="footer-copyright">
<footer class="text-center">
<div class="container text-muted py-4 py-lg-5">
<ul class="list-inline">
<li class="list-inline-item me-4"><a class="link-secondary" href="#">Web design</a></li>
<li class="list-inline-item me-4"><a class="link-secondary" href="#">Development</a></li>
<li class="list-inline-item"><a class="link-secondary" href="#">Hosting</a></li>
</ul>
<ul class="list-inline">
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path>
</svg></li>
<li class="list-inline-item me-4"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"></path>
</svg></li>
</ul>
<p class="mb-0">Copyright © 2024 Brand</p>
</div>
</footer>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>
\ No newline at end of file
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
......@@ -44,9 +44,7 @@
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a>
</li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a>
</li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown"
href="#">Team</a>
......
......@@ -30,8 +30,7 @@
<a class="nav-link" href="human-practices.html">Human Practice</a></li>
<li class="nav-item">
<a class="nav-link" href="model.html">Model</a></li>
<li class="nav-item">
<a class="nav-link" href="design.html">Design</a></li>
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Team</a>
<div class="dropdown-menu">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment