Aperture
Жанр: шаблон для фотостудии
Формат: #figma
Ссылка: https://www.figma.com/file/vCJHFYy1TYhMQ0QCw0uzdp/Aperture?node-id=0%3A1
Жанр: шаблон для фотостудии
Формат: #figma
Ссылка: https://www.figma.com/file/vCJHFYy1TYhMQ0QCw0uzdp/Aperture?node-id=0%3A1
💬 18 Yoshda Katta iT kompaniyada ishlash...
👩👧 Ko'pchilik ota-onalar iT va umuman dasturlash sohasini qizlar uchun emas degan fikrda yuradilar, vaholanki qiz bola bo'lishiga qaramay buning uddasidan chiqayotkanlar xam yo'q emas.
💭 Bu safargi Voice chat mehmoni Andijonlik, 19 yoshli, dasturchi qiz, Rayhona Isroilova.
👩🦱 Java dasturchi bo'lib, UzPaynet kompaniyasida faoliyat olib borayotgan Rayhona Isroilova o'zining qanday qilib bu sohaga kirib kelgani va Yirik iT kompaniyaga ishga kirish haqida batafsil so'zlab beradi.
🎚 Voice chatimizni o'tkazib yubormang.
2-Aprel, Shanba, Soat 21:00da.
Ramazonning ilk kunidan, qizlarimiz va umuman olganda o'quvchilarimiz uchun ajoyib suhbat bo'ladi degan umiddamiz...
robocode.uz | @robocode_andijan
👩👧 Ko'pchilik ota-onalar iT va umuman dasturlash sohasini qizlar uchun emas degan fikrda yuradilar, vaholanki qiz bola bo'lishiga qaramay buning uddasidan chiqayotkanlar xam yo'q emas.
💭 Bu safargi Voice chat mehmoni Andijonlik, 19 yoshli, dasturchi qiz, Rayhona Isroilova.
👩🦱 Java dasturchi bo'lib, UzPaynet kompaniyasida faoliyat olib borayotgan Rayhona Isroilova o'zining qanday qilib bu sohaga kirib kelgani va Yirik iT kompaniyaga ishga kirish haqida batafsil so'zlab beradi.
🎚 Voice chatimizni o'tkazib yubormang.
2-Aprel, Shanba, Soat 21:00da.
Ramazonning ilk kunidan, qizlarimiz va umuman olganda o'quvchilarimiz uchun ajoyib suhbat bo'ladi degan umiddamiz...
robocode.uz | @robocode_andijan
<!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.