Uploaded by Orazali Ametov

Web Amelliy

advertisement
ÕZBEKSTAN RESPUBLÍKASI INFORMACÍYA TEXNOLOGÍYALARI
HÃM KOMMUNÍKACÍYALARIN RAWAJLANDIRIW MÍNÍSTRLÍGÍ
MUHAMMED AL-XOREZMIY ATINDAĞI TASHKENT
INFORMACIYALIQ TEXNOLOGIYLARI UNIVERSITETI NUKUS
FILLIALI
KOMPYUTER INJINERING FAKULTETI SIRTQI TÃLIM JÕNELISI.
“Web dástúrlew” pãninen
Ámeliy JUMISI
TEMA: HTML da foto hám kestelerden ibarat kafe yamasa
restoran web betin jaratıw.
Tayarladı:
Ametov Orazalı
Qabılladı:
Jánibekov Ílham
Nukus 2023
HTML faylın jaratıw : " index. html" atlı fayl jaratamız jáne onıń ishine tómendegi
kodlardı jazamız
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Burger</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- <link rel="manifest" href="site.webmanifest"> -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/themify-icons.css">
<link rel="stylesheet" href="css/nice-select.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/slicknav.css">
<link rel="stylesheet" href="css/style.css">
<!-- <link rel="stylesheet" href="css/responsive.css"> -->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a
href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and
security.</p>
<![endif]-->
<!-- header-start -->
<header>
<div class="header-area ">
<div id="sticky-header" class="main-header-area">
<div class="container-fluid p-0">
<div class="row align-items-center no-gutters">
<div class="col-xl-5 col-lg-5">
<div class="main-menu d-none d-lg-block">
<nav>
<ul id="navigation">
<li><a class="active" href="index.html">Bas bet</a></li>
<li><a href="Menu.html">Menyu</a></li>
<li><a href="about.html">Biz haqqimizda</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-2 col-lg-2">
<div class="logo-img">
<a href="index.html">
<img src="img/logo.png" alt="">
</a>
</div>
</div>
<div class="col-xl-5 col-lg-5 d-none d-lg-block">
<div class="book_room">
<div class="socail_links">
<ul>
<li>
<a href="#">
<i class="fa fa-instagram"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-google-plus"></i>
</a>
</li>
</ul>
</div>
<div class="book_btn d-none d-xl-block">
<a class="#" href="#">+998907066677</a>
</div>
</div>
</div>
<div class="col-12">
<div class="mobile_menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header-end -->
<!-- slider_area_start -->
<div class="slider_area">
<div class="slider_active owl-carousel">
<div class="single_slider d-flex align-items-center slider_bg_1 overlay">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-xl-9 col-md-9 col-md-12">
<div class="slider_text text-center">
<div class="deal_text">
<span>Big Deal</span>
</div>
<h3>Burger <br>
Bachelor</h3>
<h4>Nukus</h4>
</div>
</div>
</div>
</div>
</div>
<div class="single_slider d-flex align-items-center slider_bg_2 overlay">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-xl-9 col-md-9 col-md-12">
<div class="slider_text text-center">
<div class="deal_text">
<span>Big Deal</span>
</div>
<h3>Burger <br>
Bachelor</h3>
<h4>Nukus</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- slider_area_end -->
<div class="best_burgers_area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="section_title text-center mb-80">
<span>Burger Menyu</span>
<h3>En' jaqsi burgerler</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-6 col-md-6 col-lg-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/1.png" alt="">
</div>
<div class="info">
<h3>Beefy Burgeri</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>26.000 sum</span>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/2.png" alt="">
</div>
<div class="info">
<h3>Burger Boysi</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>22.000 sum</span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/3.png" alt="">
</div>
<div class="info">
<h3>Burger Bizz</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>20.000 sum</span>
</div>
</div>
</div>
<div class="col-xl-6 col-md-6 col-lg-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/4.png" alt="">
</div>
<div class="info">
<h3>Crackles Burgeri</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>23.000 sum</span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/5.png" alt="">
</div>
<div class="info">
<h3>Bull Burgeri</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>24.000 sum</span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/6.png" alt="">
</div>
<div class="info">
<h3>Rocket Burgeri</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>25.000 sum</span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/7.png" alt="">
</div>
<div class="info">
<h3>Smokin Burgeri</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>27.000 sum</span>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="single_delicious d-flex align-items-center">
<div class="thumb">
<img src="img/burger/8.png" alt="">
</div>
<div class="info">
<h3>Delish Burgeri</h3>
<p>Biznesińizdi isenimli hám tiyisli kórsetiwdiń ájayıp usılı.</p>
<span>28.000 sum</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="iteam_links">
<a class="boxed-btn5" href="Menu.html"> Ko'p elementler</a>
</div>
</div>
</div>
</div>
</div>
<!-- instragram_area_start -->
<div class="instragram_area">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="single_instagram">
<img src="img/instragram/1.png" alt="">
<div class="ovrelay">
<a href="#">
<i class="fa fa-instagram"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_instagram">
<img src="img/instragram/2.png" alt="">
<div class="ovrelay">
<a href="#">
<i class="fa fa-instagram"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_instagram">
<img src="img/instragram/3.png" alt="">
<div class="ovrelay">
<a href="#">
<i class="fa fa-instagram"></i>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single_instagram">
<img src="img/instragram/4.png" alt="">
<div class="ovrelay">
<a href="#">
<i class="fa fa-instagram"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- instragram_area_end -->
<footer class="footer">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-xl-4 col-md-6 col-lg-4">
<div class="footer_widget text-center ">
<h3 class="footer_title pos_margin">
Nukus
</h3>
<p>Arxitektorlar 13 <br>
Vodakanal Nukus<br>
<a href="#">info@burger.com</a></p>
<a class="number" href="#">+998907066677</a>
</div>
</div>
<div class="col-xl-4 col-md-6 col-lg-4">
<div class="footer_widget text-center ">
<h3 class="footer_title pos_margin">
Xojeli
</h3>
<p>Besqala 19 <br>
Qurbaqawil Xojeli <br>
<a href="#">info@burger_nukus.com</a></p>
<a class="number" href="#">+998913888013</a>
</div>
</div>
<div class="col-xl-4 col-md-12 col-lg-4">
<div class="footer_widget">
<h3 class="footer_title">
Baylanista qalin'
</h3>
<form action="#" class="newsletter_form">
<input type="text" placeholder="Enter your mail">
<button type="submit">Dizimnen o'tiw</button>
</form>
<p class="newsletter_text">Eksklyuziv usınıstı alıw ushın biz benen baylanısta qalin'!</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4">
<div class="socail_links text-center">
<ul>
<li>
<a href="#">
<i class="ti-instagram"></i>
</a>
</li>
<li>
<a href="#">
<i class="ti-twitter-alt"></i>
</a>
</li>
<li>
<a href="#">
<i class="ti-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa fa-google-plus"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="copy-right_text">
<div class="container">
<div class="footer_border"></div>
<div class="row">
<div class="col-xl-12">
<p class="copy_right text-center">
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> Barlıq huqıqlar
qorǵawg'a alinǵan <i class="fa fa-heart-o" aria-hidden="true"></i> by <a
href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>
Download