Skip to content

Commit

Permalink
images
Browse files Browse the repository at this point in the history
  • Loading branch information
@KopylovVitalik
KopylovVitalik committed Nov 18, 2017
0 parents commit 282cda1
Show file tree
Hide file tree
Showing 29 changed files with 639 additions and 0 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/node_modules/
Empty file added app/css/style.min.css
Empty file.
Binary file added app/img/sprite.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 9 additions & 0 deletions app/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
<!DOCTYPE html>
<head>
<link href="css/style.min.css">
</head>
<header>
<h1 class="header__title">Notify</h1>
<p class="header__text">A great new free psd theme to showcase </p><br>your new application.
<p><span></span><span></span><span></span></p>
</header>
123 changes: 123 additions & 0 deletions app/insidePage1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.min.css">
<title>wood</title>
</head>
<body>
<header></header>
<header class="header">
<div class="header__menu">
<div class="header__wood">Wo<span>o</span>d</div>
<nav class="header__menu-list">
<ul>
<li><a class="header__menu-item header__menu-item_active" href="index.html">Home</a></li>
<li><a class="header__menu-item" href="insidePage1.html">About Us</a></li>
<li><a class="header__menu-item" href="insidePage2.html">Contacts</a></li>
</ul>
</nav>
</div>
</header>
<div class="wood">
<section class="wood__text">
<h1 class="wood__title">Wo<span>o</span>d</h1>
<h2 class="wood__largeText">The Forest is is a large area with trees or other woody vegetation.</h2>
<div class="wood__line"></div>
<p class="wood__text">Forests at different latitudes form distinctly different ecozones: boreal forests near the poles tend to consist of evergreens, while tropical forests near the equator tend to be distinct from the temperate forests.mid-latitude.</p>
<button class="wood_download-button">Download</button>
<aside class="wood__input-form">
<div class="wood__input-form-title">
<form action="#">The game's pre-alpha</form>
<input type="text" value="name">
<input type="text" value="Email">
<input type="text" value="message">
<input type="submit" value="Get started">
</div>
</aside>
</section>
</div>
<main>
<section class="forest-open-secondary">
<h3 class="forest-open-secondary__title">The Forest is a first-person open</h3>
<p class="forest-open-secondary__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<p class="forest-open-secondary__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<button class="forest-open-secondary__button" type="button">Download</button>
</section>
<article class="forest-important">
<h2 class="forest-important__article-title">Why forest is important</h2>
<div class="forest-important__line"></div>
<p class="forest-important__text-description"></p>
<div class="forest-important__blocks-wrapper">
<div class="forest-important__block"><img class="forest-important__block-icon" src="../../img/RabbitIcon.png" alt="Rabbit">
<h3 class="forest-important__block-title">Animals home</h3>
<p class="forest-important__block-text">Forests account for 75% of the gross primary productivity of the Earth's biosphere, and human activity.</p>
</div>
<div class="forest-important__block"><img class="forest-important__block-icon" src="../../img/RadioactiveIcon.png" alt="Radioactivity">
<h3 class="forest-important__block-title">Radioactivity filter</h3>
<p class="forest-important__block-text">Forests are often home to many animal and plant species, and biomass per unit vegetation communities.</p>
</div>
<div class="forest-important__block"><img class="forest-important__block-icon" src="../../img/ChristmasTreeIcon.png" alt="Rabbit">
<h3 class="forest-important__block-title">A source of oxygen</h3>
<p class="forest-important__block-text">Forest ecosystems can be found in all regions capable of sustaining tree growth, where natural fire. </p>
</div>
</div>
</article>
<section class="forest-open-secondary">
<h3 class="forest-open-secondary__title">The Forest is a first-person open</h3>
<p class="forest-open-secondary__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<p class="forest-open-secondary__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
<button class="forest-open-secondary__button" type="button">Download</button>
</section>
</main>
<section class="ecologistsSays">
<div class="container">
<h2 class="ecologistsSays__section-title">WHat our ecologists are saying</h2>
<div class="ecologistsSays__article-decorative-line__orange"></div>
<h6 class="ecologistsSays__section-subtitle">For a broader coverage related to this topic</h6>
<div class="ecologistsSays__ecologists"></div>
<div class="ecologist">
<p class="ecologist__says">Forests are the dominant terrestrial ecosystem of Earth, and are distributed across the globe. The amount of precipitation and the forest composition.</p><img class="ecologist__img" src="img/AnnClotPhoto.png" alt="Ann Klot">
<h3 class="ecologist__name">Ann Klot</h3>
<p class="ecologist__position">Ecologist</p>
</div>
<div class="ecologist">
<p class="ecologist__says">Administrative definitions are based primarily upon the legal designations of land, and commonly bear no relationship to the vegetation growing on the land.</p><img class="ecologist__img" src="img/JohnLino.png" alt="John Lino">
<h3 class="ecologist__name">John Lino</h3>
<p class="ecologist__position">Ecologist</p>
</div>
<div class="ecologist">
<p class="ecologist__says">A forest is made up of many layers. Starting from the ground level and moving up, the main layers of all forest types are the forest floor.</p><img class="ecologist__img" src="img/TomRuftPhoto.png" alt="Tom Ruft">
<h3 class="ecologist__name">Tom Ruft</h3>
<p class="ecologist__position">Ecologist</p>
</div>
</div>
</section>
<section class="callToActionFooter">
<h2 class="callToActionFooter__section-title__white">Stylish wood Design</h2>
<div class="callToActionFooter__article-decorative-line__white"></div>
<p class="callToActionFooter__section-subtitle__white">Forests can be classified in different ways and to different degrees of specificit</p>
<button class="callToActionFooter__button__transparent" type="button">Download</button>
</section>
<section class="contacts">
<div class="container">
<h2 class="contacts__section-title">contact us</h2>
<p class="contacts__section-subtitle">For a broader coverage related to this topic.</p>
<form class="contacts-form" action="#">
<input class="contacts-form__input" type="text" placeholder="Name" value="Name">
<input class="contacts-form__input" type="email" placeholder="Email" value="Email">
<input class="contacts-form__input" type="text" placeholder="Message" value="Message1">
<input class="contacts-form__input" type="text" placeholder="Message" value="Message2">
<input class="contacts-form__submit__orange" type="submit" value="Send Massage">
</form>
</div>
</section>
<footer>
<div class="footer__icons"><a href="#"><img src="img/icons/FBIcon.png"></a><a href="#"><img src="img/icons/GooglePlusIcon.png"></a><a href="#"><img src="img/icons/InstagramIcon.png"></a><a href="#"><img src="img/icons/PinterestIcon.png"></a><a href="#"><img src="img/icons/RSSIcon.png"></a><a href="#"><img src="img/icons/StumbleuponIcon.png"></a><a href="#"><img src="img/icons/TwitterIcon.png"></a>
</div>
<div class="footer__text"><span>2015</span><span>Company work</span></div>
</footer>
</body>
</html>
Loading

0 comments on commit 282cda1

Please sign in to comment.