test2/index.html at master · NazarShevtsov/test2 · GitHub

1
<!DOCTYPE html><html lang="en"><head>	<meta charset="UTF-8">	<meta name="viewport" content="width=device-width">	<link rel="stylesheet" href="css/style.min.css">	<title>Lian</title></head><body>	<div class="wrapper">		<header class="header">			<div class="container">				<div class="header__row">					<div class="header__logo">						<a href="index.html"><picture><source srcset="img/logo.webp" type="image/webp"><img src="img/logo.png" alt=""></picture></a>					</div>					<div class="header__burger">						<span></span>					</div>					<nav class="header__menu">						<ul class="header__list">							<li id="active"><a href="index.html" class="header__link">Home</a></li>							<li><a href="about.html" class="header__link">About</a></li>							<li><a href="portfolio.html" class="header__link">Portfolio</a></li>							<li><a href="blog.html" class="header__link">Blog</a></li>							<li><a href="contact.html" class="header__link">Contact</a></li>							<li class="header__link"><input type="text" placeholder="Search"><i class="fa fa-search" aria-hidden="true"></i></li>						</ul>					</nav>				</div>			</div>		</header>		<main>			<div class="main-slider">				<div class="slider">					<div class="slider__item ">						<div class="item__body">							<picture><source srcset="img/slider__image/slider1.webp" type="image/webp"><img src="img/slider__image/slider1.jpg" alt=""></picture>							<div class="item__text">								<h1>Lian Creative Agency</h1>								<p>Minimal Freelance Portfolio</p>							</div>						</div>					</div>					<div class="slider__item ">						<div class="item__body">							<picture><source srcset="img/slider__image/slider2.webp" type="image/webp"><img src="img/slider__image/slider2.jpg" alt=""></picture>							<div class="item__text">								<h1>Design & Branding</h1>								<p>We Deliver Quality Results</p>							</div>						</div>					</div>				</div>			</div>			<div class="portfolio">				<div class="container">					<div class="portfolio__body">						<div class="portfolio__nav">							<div class="nav__tabs">								<input type="radio" name="tab" id="tab-1" checked>								<label for="tab-1">All</label>								<span></span>								<input type="radio" name="tab" id="tab-2">								<label for="tab-2">Logo</label>								<span></span>								<input type="radio" name="tab" id="tab-3">								<label for="tab-3">Mobile app</label>								<span></span>								<input type="radio" name="tab" id="tab-4">								<label for="tab-4">Wordpress</label>								<span></span>								<input type="radio" name="tab" id="tab-5">								<label for="tab-5">Web design</label>								<span></span>								<input type="radio" name="tab" id="tab-6">								<label for="tab-6">UI/UX</label>								<span></span>								<input type="radio" name="tab" id="tab-7">								<label for="tab-7">Branding</label>							</div>						</div>						<div class="portfolio__items">							<div class="column">								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__01_1.webp" type="image/webp"><img src="img/products__home/img__01_1.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__02_1.webp" type="image/webp"><img src="img/products__home/img__02_1.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__03_1.webp" type="image/webp"><img src="img/products__home/img__03_1.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>							</div>							<div class="column">								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__01_2.webp" type="image/webp"><img src="img/products__home/img__01_2.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__02_2.webp" type="image/webp"><img src="img/products__home/img__02_2.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__03_2.webp" type="image/webp"><img src="img/products__home/img__03_2.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__04_2.webp" type="image/webp"><img src="img/products__home/img__04_2.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>							</div>							<div class="column">								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__01_3.webp" type="image/webp"><img src="img/products__home/img__01_3.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__02_3.webp" type="image/webp"><img src="img/products__home/img__02_3.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>								<div class="column__item">									<a href="portfolio_details.html">										<picture><source srcset="img/products__home/img__03_3.webp" type="image/webp"><img src="img/products__home/img__03_3.jpg" alt=""></picture>										<i class="fa fa-plus" aria-hidden="true"></i>									</a>								</div>							</div>						</div>						<div class="portfolio__button">							<a href="portfolio_details.html" class="button">Load more</a>						</div>					</div>				</div>			</div>		</main>		<footer class="footer">			<div class="footer-social">				<div class="footer__logo">					<a href="index.html"><picture><source srcset="img/logo.webp" type="image/webp"><img src="img/logo.png" alt=""></picture></a>				</div>				<div class="footer__social-pages">					<a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>					<a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>					<a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>					<a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>					<a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a>					<a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>					<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>				</div>			</div>			<div class="footer-copy">				<p>© 2016 <span>Mulitix Theme</span> by ThemeForces. All Rights Reserved.</p>			</div>		</footer>	</div>	<!-- JQuery -->	<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>	<!--script-->	<script src="js/script.min.js"></script>	<!-- Fonts awesome-->	<script src="https://use.fontawesome.com/a0d2832dcb.js"></script></body></html>