Quay lại-
9
-
12
-
FacebookGiới thiệu sản phẩm
Thiết lập tối ưu tốc độ website
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/89072a8bdc.js" crossorigin="anonymous"></script>
</head>
<body>
<style>
.anhnen{
background-image: url(https://websitedemos.net/tech-blogger-04/wp-content/uploads/sites/817/2021/04/bg-01-free-img.jpg);
}
</style>
<div class="anhnen">
<div class="container">
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="https://websitedemos.net/tech-blogger-04/wp-content/uploads/sites/817/2021/04/logo-regular-free-img.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="{% url 'home' %}">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Aricles
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Programming</a>
<a class="dropdown-item" href="#">Cryptocurrency</a>
<a class="dropdown-item" href="#">Technologies</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'deals' %}">Deals</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'about' %}">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'contact' %}">Contact</a>
</li>
<li class="nav-item" style="margin-top: 10px; margin-left: 30px;">
<i class="fa-solid fa-magnifying-glass"></i>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<br>
<h3 style="margin-left: 450px; color: white;">what I do?</h3>
<br>
<h1 style="margin-left: 450px; color: white;">I explain and teach technology,</h1>
<h1 style="margin-left: 450px; color: white;"> solve tech problems and help you</h1>
<h1 style="margin-left: 450px; color: white;">make gadget buying decisions.</h1>
<br>
<br>
<br>
<br>
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 style="color: white;">SUBSCRIBE TO OUR NEWSLETTER</h3>
<input style="width: 400px; height: 60px;" type="text" placeholder="email adress">
<button style="width: 80px; height: 60px;" type="button" class="btn btn-success">Submit</button>
</div>
<div class="col-md-6">
<h3 style="color: green; text-align: right;">125.000</h3>
<h3 style="color: white; text-align: right;">JOIN THE LIST OF SUBSCRIBERS</h3>
</div>
</div>
</div>
<br>
<br>
<br>
</div>
<br>
<br>
<br>
{% block content %}
{% endblock %}
<div class="anhnen">
<br>
<br>
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 style="color: white;">FOLLOW US</h3>
<p style="color: white;">Lorem ipsum dolor sit amet, consectetur
<div class="row">
<i class="fa-brands fa-facebook" style="color: white; font-size: 40px; margin-left: 20px;"></i>
<i class="fa-brands fa-instagram" style="color: white; font-size: 40px; margin-left: 20px;"></i>
<i class="fa-brands fa-twitter" style="color: white; font-size: 40px; margin-left: 20px;"></i>
</div>
</div>
<div class="col-md-6">
<h3 style="color: white;">SUBSCRIBE TO OUR NEWSLETTER</h3>
<input style="width: 400px; height: 60px;" type="text" placeholder="email adress">
<button style="width: 80px; height: 60px;" type="button" class="btn btn-success">Submit</button>
</div>
</div>
<br>
<br>
<hr>
<br>
<br>
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-3">
<h3 style="color: white;">LEARN</h3>
<p style="color: white;">Cryptocurrency
<p style="color: white;">Programming
<p style="color: white;">Technologies
</div>
<div class="col-md-3">
<h3 style="color: white;">DEALS</h3>
<p style="color: white;">IdeaFirm Hosting Coupon
<p style="color: white;">Pretended Company Discount Code
<p style="color: white;">LogoIpsum Coupon Code
</div>
</div>
<br>
<br>
<hr>
<br>
<br>
<div class="row">
<p style="color: white;">Copyright © 2023 Tech Blogger | Powered by Tech Blogger</p>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/89072a8bdc.js" crossorigin="anonymous"></script>
</head>
<body>
<style>
.anhnen{
background-image: url(https://websitedemos.net/tech-blogger-04/wp-content/uploads/sites/817/2021/04/bg-01-free-img.jpg);
}
</style>
<div class="anhnen">
<div class="container">
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="https://websitedemos.net/tech-blogger-04/wp-content/uploads/sites/817/2021/04/logo-regular-free-img.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="{% url 'home' %}">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Aricles
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Programming</a>
<a class="dropdown-item" href="#">Cryptocurrency</a>
<a class="dropdown-item" href="#">Technologies</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'deals' %}">Deals</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'about' %}">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{% url 'contact' %}">Contact</a>
</li>
<li class="nav-item" style="margin-top: 10px; margin-left: 30px;">
<i class="fa-solid fa-magnifying-glass"></i>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<br>
<h3 style="margin-left: 450px; color: white;">what I do?</h3>
<br>
<h1 style="margin-left: 450px; color: white;">I explain and teach technology,</h1>
<h1 style="margin-left: 450px; color: white;"> solve tech problems and help you</h1>
<h1 style="margin-left: 450px; color: white;">make gadget buying decisions.</h1>
<br>
<br>
<br>
<br>
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 style="color: white;">SUBSCRIBE TO OUR NEWSLETTER</h3>
<input style="width: 400px; height: 60px;" type="text" placeholder="email adress">
<button style="width: 80px; height: 60px;" type="button" class="btn btn-success">Submit</button>
</div>
<div class="col-md-6">
<h3 style="color: green; text-align: right;">125.000</h3>
<h3 style="color: white; text-align: right;">JOIN THE LIST OF SUBSCRIBERS</h3>
</div>
</div>
</div>
<br>
<br>
<br>
</div>
<br>
<br>
<br>
{% block content %}
{% endblock %}
<div class="anhnen">
<br>
<br>
<div class="container">
<div class="row">
<div class="col-md-6">
<h3 style="color: white;">FOLLOW US</h3>
<p style="color: white;">Lorem ipsum dolor sit amet, consectetur
<div class="row">
<i class="fa-brands fa-facebook" style="color: white; font-size: 40px; margin-left: 20px;"></i>
<i class="fa-brands fa-instagram" style="color: white; font-size: 40px; margin-left: 20px;"></i>
<i class="fa-brands fa-twitter" style="color: white; font-size: 40px; margin-left: 20px;"></i>
</div>
</div>
<div class="col-md-6">
<h3 style="color: white;">SUBSCRIBE TO OUR NEWSLETTER</h3>
<input style="width: 400px; height: 60px;" type="text" placeholder="email adress">
<button style="width: 80px; height: 60px;" type="button" class="btn btn-success">Submit</button>
</div>
</div>
<br>
<br>
<hr>
<br>
<br>
<div class="row">
<div class="col-md-6">
</div>
<div class="col-md-3">
<h3 style="color: white;">LEARN</h3>
<p style="color: white;">Cryptocurrency
<p style="color: white;">Programming
<p style="color: white;">Technologies
</div>
<div class="col-md-3">
<h3 style="color: white;">DEALS</h3>
<p style="color: white;">IdeaFirm Hosting Coupon
<p style="color: white;">Pretended Company Discount Code
<p style="color: white;">LogoIpsum Coupon Code
</div>
</div>
<br>
<br>
<hr>
<br>
<br>
<div class="row">
<p style="color: white;">Copyright © 2023 Tech Blogger | Powered by Tech Blogger</p>
</div>
</div>
</div>
</body>
</html>
Hãy bình luận để nhặt 100 thóc nhé
Sản phẩm cùng tác giả
-
Nhà sáng tạo Thái Trí DũngPROJECT CUỐI KHÓA 3 -
Nhà sáng tạo Thái Trí DũngPROJECT CUỐI KHÓA 2 -
Nhà sáng tạo Thái Trí DũngPROJECT CUỐI KHÓA 1
Good 😻🙈
Đăng nhập để tham gia bình luận
Bật khóc trước sự đỉnh cao này 💪💪💪
Đăng nhập để tham gia bình luận
🧎♀️ 100000000 điểm lun 👍
Đăng nhập để tham gia bình luận
♥️Chia sẻ thêm về sản phẩm đi bạn eii
Đăng nhập để tham gia bình luận
👌👌 băng băng như một cố xe tăng
Đăng nhập để tham gia bình luận
Đăng nhập để tham gia bình luận