contact page added. post page added
This commit is contained in:
Nikita
parent
8a494af143
commit
f928fbc527
10
about.html
10
about.html
|
|
@ -27,18 +27,18 @@
|
|||
<div class="content_wrap">
|
||||
<div class="content_box">
|
||||
|
||||
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, repellat.</h2>
|
||||
<h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. Cum, asperiores!</h2>
|
||||
<br>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum repudiandae quae ipsa error animi aut ducimus dolor dignissimos perspiciatis non aliquid, recusandae sed molestiae nisi nobis officiis ut quas. Possimus eos omnis nulla vero tenetur assumenda, suscipit vitae praesentium, corrupti sapiente animi quidem ipsum asperiores dolorum quasi dolores, odio doloremque eius molestiae? Perferendis distinctio suscipit eligendi, eaque consequuntur aspernatur quibusdam rerum possimus repudiandae veritatis temporibus ex eum rem. A illum inventore repudiandae laboriosam neque ut itaque eveniet pariatur nihil ab est corrupti unde, ipsa distinctio dolorem. Dolorem minima, rerum et mollitia doloremque magni minus suscipit numquam molestiae quae similique maiores.</p>
|
||||
<h2>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed, laboriosam.</h2>
|
||||
<br>
|
||||
<h2>Lorem, ipsum dolor sit amet.</h2>
|
||||
<h3>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Qui, incidunt.</h3>
|
||||
<br>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur aspernatur, aut debitis. Dignissimos incidunt iusto voluptates voluptatum repudiandae nisi esse enim nam, nesciunt eaque non suscipit dolorum veniam sed aliquid quae laudantium inventore excepturi reprehenderit! Sapiente provident enim tempora dolorum doloribus natus error nostrum eveniet laborum veritatis. Assumenda, minus, molestiae.</p>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Assumenda dolor fuga officia, culpa tenetur minus numquam dolore repellendus eum provident atque quo aut enim, alias hic odio totam consequatur in optio. Nemo quod magnam consequuntur!</p>
|
||||
<br>
|
||||
<img src="dog.webp" alt="" width="450px">
|
||||
<br>
|
||||
<br>
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit aut veritatis, eaque commodi dolor ex doloremque saepe dolore, at porro error ut atque assumenda iusto aspernatur vel distinctio minima quo a officia vitae placeat voluptatibus. Totam, ipsam quas, non dolores et rem impedit, veniam alias ut aliquid explicabo sapiente, perspiciatis doloribus id at adipisci. Asperiores laudantium unde a illum dolore recusandae! Officia ducimus, nihil excepturi consequuntur labore ipsa provident error sunt, vitae ut eius corporis itaque illum cum veritatis iusto consequatur accusamus delectus aspernatur explicabo tempora facere incidunt. Adipisci harum nemo omnis reiciendis ad vitae, perferendis blanditiis quaerat, quis delectus dolorem distinctio officia quas veritatis ducimus? Quae distinctio consequatur est quo a porro incidunt maxime placeat. Mollitia soluta dolorum placeat optio voluptate fuga, sint ipsum dolores perferendis exercitationem architecto ab deserunt facere inventore doloribus provident iusto. Dolores, nostrum fugit a numquam ipsam reprehenderit sint, perspiciatis tenetur reiciendis, dolor suscipit sapiente.</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
39
contact.html
Normal file
39
contact.html
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<title>The App</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="page_container">
|
||||
<div class="nav_box">
|
||||
<a href="index.html" class="logo_home"><img src="logo.svg" class="logo" alt="logo"></a>
|
||||
<h2>Contact</h2>
|
||||
<div class="navigation">
|
||||
<a class="nav_butt_2" href="about.html">About Us</a>
|
||||
<a class="nav_butt_2" href="news.html">News</a>
|
||||
<a class="nav_butt_2" href="download.html">Download</a>
|
||||
<a class="nav_butt_2" href="contact.html">Contact</a>
|
||||
<a class="nav_butt_2" href="">###</a>
|
||||
<a class="nav_butt_2" href="">###</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_wrap">
|
||||
<div class="content_box">
|
||||
|
||||
<div class="contacts">
|
||||
|
||||
<p>xxxxcity, xxxxxxx street - xxx</p>
|
||||
<p>Tel: xxx-xxx-xxx</p>
|
||||
<a class="content_butt" href="mailto:xxx@xxx.xx">mail: mail@xxdomain.xx</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
<p>only 2 first lines will be shown</p>
|
||||
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias debitis facere eveniet temporibus aliquid inventore impedit ipsum rerum quia reprehenderit cum, itaque sint quis optio error pariatur. Suscipit sunt, corrupti commodi repudiandae minima, ducimus temporibus.</p>
|
||||
</div>
|
||||
<a class="content_butt readmore" href="news/">read more...</a>
|
||||
<a class="content_butt readmore" href="news/post_page.html">read more...</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="stylesheet" href="../style.css">
|
||||
<title>The App</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
|
|
@ -13,71 +13,30 @@
|
|||
<body>
|
||||
<div class="page_container">
|
||||
<div class="nav_box">
|
||||
<a href="index.html" class="logo_home"><img src="logo.svg" class="logo" alt="logo"></a>
|
||||
<a href="index.html" class="logo_home"><img src="../logo.svg" class="logo" alt="logo"></a>
|
||||
<h2>News</h2>
|
||||
<div class="navigation">
|
||||
<a class="nav_butt_2" href="about.html">About Us</a>
|
||||
<a class="nav_butt_2" href="download.html">Download</a>
|
||||
<a class="nav_butt_2" href="contact.html">Contact</a>
|
||||
<a class="nav_butt_2" href="news.html">News</a>
|
||||
<a class="nav_butt_2" href="../about.html">About Us</a>
|
||||
<a class="nav_butt_2" href="../download.html">Download</a>
|
||||
<a class="nav_butt_2" href="../contact.html">Contact</a>
|
||||
<a class="nav_butt_2" href="../news.html">News</a>
|
||||
<a class="nav_butt_2" href="">###</a>
|
||||
<a class="nav_butt_2" href="">###</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content_wrap">
|
||||
<div class="content_box">
|
||||
|
||||
|
||||
|
||||
<!-- Дроп/блок новости 1-->
|
||||
<div class="post_box">
|
||||
<div class="post_name">
|
||||
<h3>Loaded post header</h3>
|
||||
</div>
|
||||
<div class="post_description multiline">
|
||||
<p>only 2 first lines will be shown</p>
|
||||
</div>
|
||||
<a class="content_butt" href="news/">read more...</a>
|
||||
<div class="post_date">
|
||||
<p>18/11/2024</p>
|
||||
</div>
|
||||
<div class="post_name">
|
||||
<h2>loaded post header</h2>
|
||||
</div>
|
||||
|
||||
<!-- Дроп/блок новости 2-->
|
||||
<div class="post_box">
|
||||
<div class="post_name">
|
||||
<h3>Loaded post header</h3>
|
||||
</div>
|
||||
<div class="post_description multiline">
|
||||
<p>only 2 first lines will be shown</p>
|
||||
</div>
|
||||
<a class="content_butt" href="news/">read more...</a>
|
||||
<div class="post_description ">
|
||||
<p>Lorem ipsum dolor sit amet consectetur adipisicing, elit. Ad, cupiditate veritatis possimus deleniti sunt natus eos! Porro nostrum molestias, fuga maiores unde sapiente nulla similique at enim ipsum voluptas quaerat obcaecati necessitatibus praesentium culpa tempore, distinctio quo quia. Quaerat doloremque consequuntur quod quidem deserunt molestiae ipsa facere autem praesentium omnis, quasi inventore, earum, hic vero, consectetur? Architecto quis dicta, quam aspernatur ea sapiente obcaecati similique, cupiditate. Voluptatem doloremque repudiandae eveniet nulla saepe maiores quaerat, illum quo dolore ad similique. Voluptatum deleniti veritatis quam reiciendis labore enim molestiae ullam saepe, ipsa ut, fugiat! Provident cupiditate ipsam sunt omnis dolorum assumenda harum dolores, id neque perferendis quis tempore sint aut distinctio nihil quod architecto in voluptas et. Quas nobis eos quos ad earum numquam sequi asperiores nesciunt molestias quis labore soluta a vel quidem cupiditate quisquam placeat obcaecati, aliquid at pariatur harum illo doloribus quibusdam exercitationem. Animi enim tenetur dolorum consequatur, libero totam nemo? Natus officiis sequi delectus dolores ab amet reprehenderit animi nemo fugiat, quod laudantium officia id ea quidem hic, provident dolore explicabo. Et necessitatibus excepturi sit accusantium sapiente, quaerat maiores officiis velit facilis praesentium ducimus eveniet nulla iure. Ducimus a, vero asperiores neque inventore rerum quaerat quasi animi sapiente! Aliquam velit libero distinctio impedit saepe quia ad quos quidem. Ducimus possimus, ex cupiditate in sint doloremque modi corporis nihil, dicta minus labore sunt, amet ipsam facilis suscipit consequatur earum tempore repudiandae fugit et placeat maiores esse? Vel, quis officia pariatur corrupti quo recusandae fugit error doloremque veritatis fuga hic delectus quidem, natus sint tempora ut debitis ex. Deleniti nam doloribus explicabo, praesentium dicta hic iste velit esse ipsam consectetur aut libero tempora itaque officia, architecto fuga voluptas, aliquid officiis obcaecati. Molestiae culpa vel vitae velit magnam omnis maxime est iste, voluptas soluta cupiditate laudantium qui, dolorem quidem doloribus quaerat eligendi, ratione nam minima! Ut, cum. Labore, delectus deserunt rerum aliquid sequi molestiae, perferendis, voluptatum exercitationem est nemo, praesentium. Ea rerum dignissimos, eum adipisci distinctio consectetur magni corporis sapiente deserunt, velit in odio laboriosam quaerat suscipit! Facilis, officiis, perspiciatis. Minus labore quas tenetur temporibus alias quia pariatur harum ipsum consequatur eveniet. Iste reiciendis amet beatae exercitationem mollitia sapiente nostrum incidunt, dolorum adipisci eligendi, corrupti soluta voluptates pariatur a et modi est nemo illo. Minima, quibusdam sit maiores iusto, modi assumenda deserunt. Doloribus quas praesentium esse fuga itaque dignissimos tenetur laudantium qui porro, similique veniam nobis provident fugit alias quibusdam, consequatur!</p>
|
||||
</div>
|
||||
|
||||
<!-- Дроп/блок новости 3-->
|
||||
<div class="post_box">
|
||||
<div class="post_name">
|
||||
<h3>Loaded post header</h3>
|
||||
</div>
|
||||
<div class="post_description multiline">
|
||||
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora suscipit non exercitationem consequatur, animi eveniet enim. Nam, error. Facilis iusto amet id architecto est, praesentium velit quibusdam enim deleniti ipsam ea molestias ullam tempore aperiam.</p>
|
||||
</div>
|
||||
|
||||
<a class="content_butt" href="news/">read more...</a>
|
||||
</div>
|
||||
|
||||
<!-- Дроп/блок новости 4-->
|
||||
<div class="post_box">
|
||||
<div class="post_name">
|
||||
<h3>Loaded post header</h3>
|
||||
</div>
|
||||
<div class="post_description multiline">
|
||||
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Tempora suscipit non exercitationem consequatur, animi eveniet enim. Nam, error. Facilis iusto amet id architecto est, praesentium velit quibusdam enim deleniti ipsam ea molestias ullam tempore aperiam.</p>
|
||||
</div>
|
||||
|
||||
<a class="content_butt" href="news/">read more...</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue