main_webpage
This commit is contained in:
111
index.html
111
index.html
@@ -13,27 +13,112 @@
|
||||
<div class="wrapper">
|
||||
<header class="container">
|
||||
<span class="logo">logo</span>
|
||||
<nav>
|
||||
<ul>
|
||||
<li class="active">
|
||||
<a href="#">Home</a>
|
||||
<nav class="nav">
|
||||
<ul class="items">
|
||||
<li class="item active">
|
||||
<a class="link" href="#">Home</a>
|
||||
</li>
|
||||
<li><a href="#">About us</a></li>
|
||||
<li><a href="#">Portfolio</a></li>
|
||||
<li><a href="#">News</a></li>
|
||||
<li class="btn"><a href="#">Contacts</a></li>
|
||||
<li class="item"><a class="link" href="#">About us</a></li>
|
||||
<li class="item"><a class="link" href="#">Portfolio</a></li>
|
||||
<li class="item"><a class="link" href="#">News</a></li>
|
||||
<li class="item btn"><a class="link" href="#">Contacts</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="hero container">
|
||||
<div class="hero_info">
|
||||
<h2>3D game Dev </h2>
|
||||
<h1>Work that we produce for our clients</h1>
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
|
||||
<h2 class="hero_h2">3D game Dev </h2>
|
||||
<h1 class="hero_h1">Work that we produce for our clients</h1>
|
||||
<p class="hero_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
|
||||
<button class="btn">Get more details</button>
|
||||
</div>
|
||||
<img src="images/Group 1321.svg" alt="img">
|
||||
<img class="hero_img" src="images/Gameplay.svg" alt="img">
|
||||
</div>
|
||||
<div class="container trending">
|
||||
<a href="#" class="see-all">SEE ALL</a>
|
||||
<h3 class="see_h3">Currently Trending Games</h3>
|
||||
|
||||
<div class="games">
|
||||
<!-- 1 -->
|
||||
<div class="block">
|
||||
<img class="block_img" src="images/Games/1.png" alt="game1">
|
||||
<span class="span"><img src="images/Fire.svg" alt="fire">40 Followers</span>
|
||||
</div>
|
||||
<!-- 2 -->
|
||||
<div class="block">
|
||||
<img class="block_img" src="images/Games/2.png" alt="game2">
|
||||
<span class="span"><img src="images/Fire.svg" alt="fire">40 Followers</span>
|
||||
</div>
|
||||
<!-- 3 -->
|
||||
<div class="block">
|
||||
<img class="block_img" src="images/Games/3.png" alt="game3">
|
||||
<span class="span"><img src="images/Fire.svg" alt="fire">40 Followers</span>
|
||||
</div>
|
||||
<!-- 4 -->
|
||||
<div class="block">
|
||||
<img class="block_img" src="images/Games/4.png" alt="game4">
|
||||
<span class="span"><img src="images/Fire.svg" alt="fire">40 Followers</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container big-text">
|
||||
<p class="text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
|
||||
</div>
|
||||
<div class="container banner">
|
||||
<h3 class="banner_h3">Lorem Ipsum</h3>
|
||||
<p class="banner_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
|
||||
<img class="img_banner" src="images/banner.png" alt="banner">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="features">
|
||||
<div class="container">
|
||||
<h3 class="features_h3">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
</h3>
|
||||
<p class="features_p">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
|
||||
</p>
|
||||
<div class="feature_info">
|
||||
<!-- 1 -->
|
||||
<div class="feature_block">
|
||||
<img class="block_img" src="images/row/phone.png" alt="img1">
|
||||
<p class="block_p">Mobile Game Development</p>
|
||||
<img class="img_block" src="images/row/right.svg" alt="right">
|
||||
</div>
|
||||
<!-- 2 -->
|
||||
<div class="feature_block">
|
||||
<img class="block_img" src="images/row/pc.png" alt="img1">
|
||||
<p class="block_p">PC Game Development</p>
|
||||
<img class="img_block" src="images/row/right.svg" alt="right">
|
||||
</div>
|
||||
<!-- 3 -->
|
||||
<div class="feature_block">
|
||||
<img class="block_img" src="images/row/ps4.png" alt="img1">
|
||||
<p class="block_p">PS4 Game Development</p>
|
||||
<img class="img_block" src="images/row/right.svg" alt="right">
|
||||
</div>
|
||||
<!-- 4 -->
|
||||
<div class="feature_block">
|
||||
<img class="block_img" src="images/row/vr.png" alt="img1">
|
||||
<p class="block_p">AR/VR Solutions</p>
|
||||
<img class="img_block" src="images/row/right.svg" alt="right">
|
||||
</div>
|
||||
<div class="blocks_down">
|
||||
<!-- 5 -->
|
||||
<div class="feature_block">
|
||||
<img class="block_img" src="images/row/monitor.png" alt="img1">
|
||||
<p class="block_p">AR/ VR design</p>
|
||||
<img class="img_block" src="images/row/right.svg" alt="right">
|
||||
</div>
|
||||
<!-- 6 -->
|
||||
<div class="feature_block">
|
||||
<img class="block_img" src="images/row/cube.png" alt="img1">
|
||||
<p class="block_p">3D Modelings</p>
|
||||
<img class="img_block" src="images/row/right.svg" alt="right">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user