Files
School/Anul 2/Semestrul 2/Web/Lab 3/index.html
T
2024-08-31 12:07:21 +03:00

258 lines
14 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>eMAG.ro - Căutarea nu se oprește niciodată</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://sapi.emag.ro/" crossorigin="">
<link rel="preconnect" href="https://fonts.googleapis.com/" crossorigin=""></head>
<body>
<div class="main-container-outer">
<div class="megamenu-container">
<div class="megamenu">
<div class="megamnu-list-container">
<ul class="megamenu-list">
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Laptop, Tablete &amp; Telefoane</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">PC, Periferice &amp; Software</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">TV, Audio-Video &amp; Foto</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Electrocasnice &amp; Climatizare</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Gaming, Carti &amp; Birotica</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Bacanie</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Fashion</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Ingrijire personala &amp; Cosmetice</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Casa, Gradina &amp; Bricolaj</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Sport &amp; Activitati in aer liber</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Auto, Moto &amp; RCA</span>
</a>
</li>
<li data-id="1" class="megamenu-list-department" data-modified="1699363878">
<a>
<i>&#128269</i>
<span class="megamenu-list-department__department-name">Jucarii, Copii &amp; Bebe</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<nav id="masthead" class="navbar navbar-main adjust-on-modal navbar-has-searchbar">
<div class="container">
<div class="navbar-inner">
<div class="navbar-branding">
<a class="navbar-brand" title="Căutarea nu se oprește niciodată">
<img src="assets/emag-logo.svg" alt="eMAG">
</a>
</div>
<div class="navbar-searchbox">
<div class="searchbox-wrapper">
<form>
<div class="input-group searchbox-input">
<div class="form-control">
<input type="text" class="searchbox-suggestion">
<input type="search" class="searchbox-main" placeholder="Începe o nouă căutare">
</div>
<div class="input-group-btn">
<button class="btn btn-default searchbox-submit-button">
<i class="em em-search">&#128269</i>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="navbar-toolbox">
<div class="btn-group navbar-toolbox-wrapper">
<div class="btn-group hidden-xs">
<a class="btn btn-link navbar-main-btn">
<i class="em em-user2 navbar-icon">&#128269</i>
<span class="visible-lg-inline visible-xl-inline">Contul meu <i class="caret">&#9660;</i></span>
</a>
</div>
<div class="btn-group">
<a class="btn btn-link navbar-main-btn">
<i class="em em-heart navbar-icon">&#128269</i>
<span class="visible-lg-inline visible-xl-inline">
Favorite
<i class="caret">&#9660;</i>
</span>
</a>
</div>
<div class="btn-group">
<a class="btn btn-link navbar-main-btn">
<i class="em em-cart2 navbar-icon">&#128269</i>
<span class="visible-lg-inline visible-xl-inline"> Coșul meu <i class="caret">&#9660;</i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<nav id="auxiliary" class="navbar navbar-aux adjust-on-modal hidden-xs">
<div class="container">
<div class="navbar-aux-content collapse navbar-collapse">
<ul class="nav navbar-nav navbar-left">
<li class="active main-megamenu-trigger" data-trigger="both">
<div class="navbar-aux-content__departments"><i class="em em-burger">&#128269</i> Produse </div>
</li>
</ul>
<ul class="nav navbar-nav navbar-left">
<li class="visible-lg">
<a>Oferta Zilei</a>
</li>
<li class="visible-lg">
<a>Genius Deals</a>
</li>
<li class="visible-lg">
<a>Genius</a>
</li>
<li class="visible-lg">
<a>Rabla</a>
</li >
<li class="visible-lg">
<a>Carduri de milioane de idei</a>
</li>
<li class="visible-lg">
<a>Ofertele eMAG</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<i>&#128269</i>
<a>eMAG Help</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="main-container-inner">
<div class="main-container">
<section class="page-section custom-page-section">
<div class="container home-intro-section pad-btm-xs">
<div class="widget-banner-carousel">
<div class="banner-carousel">
<div class="ph-card hbc-slide-item js-dfp-slide-item dfp-slide-item">
<a>
<img src="assets/img1.jpg" alt="Banner 1">
</a>
</div>
</div>
</div>
</div>
</section>
<div class="widget-holder">
<section class="page-section stories-section">
<div class="container story-carousel-container">
<div class="ph-widget ph-carousel stories-carousel ph-carousel-init js-stories-carousel ph-at-begin ph-has-arrows">
<div class="ph-body">
<div class="_card ph-card">
<div class="_content">
<div class="_mask"></div>
<div class="_title">Nutrition &amp; Vitamins Shop</div>
<img class="_image" src="assets/img2.jpg" alt="Nutrition &amp; Vitamins Shop">
<div class="_open-icon"><i>&#128269</i></div>
</div>
</div>
<div class="_card ph-card">
<div class="_content">
<div class="_mask"></div>
<div class="_title">Nutrition &amp; Vitamins Shop</div>
<img class="_image" src="assets/img2.jpg" alt="Nutrition &amp; Vitamins Shop">
<div class="_open-icon"><i>&#128269</i></div>
</div>
</div>
<div class="_card ph-card">
<div class="_content">
<div class="_mask"></div>
<div class="_title">Nutrition &amp; Vitamins Shop</div>
<img class="_image" src="assets/img2.jpg" alt="Nutrition &amp; Vitamins Shop">
<div class="_open-icon"><i>&#128269</i></div>
</div>
</div>
<div class="_card ph-card">
<div class="_content">
<div class="_mask"></div>
<div class="_title">Nutrition &amp; Vitamins Shop</div>
<img class="_image" src="assets/img2.jpg" alt="Nutrition &amp; Vitamins Shop">
<div class="_open-icon"><i>&#128269</i></div>
</div>
</div>
<div class="_card ph-card">
<div class="_content">
<div class="_mask"></div>
<div class="_title">Nutrition &amp; Vitamins Shop</div>
<img class="_image" src="assets/img2.jpg" alt="Nutrition &amp; Vitamins Shop">
<div class="_open-icon"><i>&#128269</i></div>
</div>
</div>
<div class="_card ph-card">
<div class="_content">
<div class="_mask"></div>
<div class="_title">Nutrition &amp; Vitamins Shop</div>
<img class="_image" src="assets/img2.jpg" alt="Nutrition &amp; Vitamins Shop">
<div class="_open-icon"><i>&#128269</i></div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</body>
</html>