<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.scss">
<link rel="stylesheet" href="./styl.css">
<link rel="stylesheet" href="./media.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="ota">
<nav>
<img src="./img/Combined-Shape.svg" alt="">
<ul>
<li><a href="#">Business areas</a></li>
<li><a href="#">Featured images</a></li>
<li><a href="#">Gear cage</a></li>
<li><a href="#">Contact</a></li>
<li class="get"><a href="#">Get template</a></li>
</ul>
<div class="bar">
<a href="#" class="fa-solid fa-bars"></a>
</div>
</nav>
<main class="">
<section class="section1">
<h4>Photographer & Filmmaker</h4>
<h1>Aperture Studios</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="frame">
<img src="./img/Frame.svg" alt="">
</div>
</section>
<section class="section2">
<h1>What we do.</h1>
<h3>The areas that we're specialized in.</h3>
<div class="box">
<div class="card1">
<h3>Product Photography</h3>
<p>Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card2">
<h3>Architecture Photography</h3>
<p>Aenean porta neque eget consequat fringilla. Vestibulum ultrices, orci nec egestas pharetra, ligula est semper enim, nec auctor sapien leo nec purus. Fusce tincidunt aliquet sapien, sit amet rhoncus leo imperdiet nec.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card3">
<h3>Drone Photography</h3>
<p>Mauris euismod elit et nisi ultrices, ut faucibus orci tincidunt. Duis tristique sed lorem a vestibulum. Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card4">
<h3>Wildlife Photography</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque aliquam odio et faucibus. Nulla rhoncus feugiat eros quis consectetur. Morbi neque ex, condimentum dapibus congue et, vulputate ut ligula. Vestibulum sit amet urna turpis.</p>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./style.scss">
<link rel="stylesheet" href="./styl.css">
<link rel="stylesheet" href="./media.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="ota">
<nav>
<img src="./img/Combined-Shape.svg" alt="">
<ul>
<li><a href="#">Business areas</a></li>
<li><a href="#">Featured images</a></li>
<li><a href="#">Gear cage</a></li>
<li><a href="#">Contact</a></li>
<li class="get"><a href="#">Get template</a></li>
</ul>
<div class="bar">
<a href="#" class="fa-solid fa-bars"></a>
</div>
</nav>
<main class="">
<section class="section1">
<h4>Photographer & Filmmaker</h4>
<h1>Aperture Studios</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
<div class="frame">
<img src="./img/Frame.svg" alt="">
</div>
</section>
<section class="section2">
<h1>What we do.</h1>
<h3>The areas that we're specialized in.</h3>
<div class="box">
<div class="card1">
<h3>Product Photography</h3>
<p>Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card2">
<h3>Architecture Photography</h3>
<p>Aenean porta neque eget consequat fringilla. Vestibulum ultrices, orci nec egestas pharetra, ligula est semper enim, nec auctor sapien leo nec purus. Fusce tincidunt aliquet sapien, sit amet rhoncus leo imperdiet nec.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card3">
<h3>Drone Photography</h3>
<p>Mauris euismod elit et nisi ultrices, ut faucibus orci tincidunt. Duis tristique sed lorem a vestibulum. Cras commodo consequat orci, in convallis risus egestas non. Nulla efficitur auctor hendrerit. Etiam ut orci varius, faucibus libero ac, cursus quam.</p>
<a class="btn" href="#">
<i></i>
<p>Read more</p>
</a>
</div>
<div class="card4">
<h3>Wildlife Photography</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque aliquam odio et faucibus. Nulla rhoncus feugiat eros quis consectetur. Morbi neque ex, condimentum dapibus congue et, vulputate ut ligula. Vestibulum sit amet urna turpis.</p>
YouTubeda tomosha qiling: VueJs 5-DARS | "HUMO DIGITAL" o'quv markazi.
https://youtu.be/18A-GFkTV3o
https://youtu.be/18A-GFkTV3o
YouTube
VueJs 5-DARS | "HUMO DIGITAL" o'quv markazi.
Bu darsimizda for sikli va "dinamik component"larni ni o'rganamiz.
YouTubeda tomosha qiling: O'zbek tilidagi bepul darslar
https://youtube.com/playlist?list=PLGWzrBMoogxCPvP5p_lv0bkfrKUvUrFwQ
https://youtube.com/playlist?list=PLGWzrBMoogxCPvP5p_lv0bkfrKUvUrFwQ
YouTube
O'zbek tilidagi bepul darslar
Share your videos with friends, family, and the world