From d5956dcdc343e541418d091f86f81ba38825ef40 Mon Sep 17 00:00:00 2001 From: eriel Date: Mon, 18 Nov 2024 14:52:49 +0100 Subject: [PATCH] Website itself upload first steps --- about.html | 45 ++++++++++++++++ download.html | 63 ++++++++++++++++++++++ index.html | 30 +++++++++++ logo.svg | 1 + style.css | 143 ++++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 282 insertions(+) create mode 100644 about.html create mode 100644 download.html create mode 100644 index.html create mode 100644 logo.svg create mode 100644 style.css diff --git a/about.html b/about.html new file mode 100644 index 0000000..e31b5fd --- /dev/null +++ b/about.html @@ -0,0 +1,45 @@ + + + + + + + The App + + + + + + +
+
+ +

About Us

+
+ About Us + Download + Contact + News + ### + ### +
+
+
+
+ +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate, repellat.

+
+

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.

+
+

Lorem, ipsum dolor sit amet.

+
+

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.

+
+ +
+
+

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.

+
+
+
+ \ No newline at end of file diff --git a/download.html b/download.html new file mode 100644 index 0000000..78c059a --- /dev/null +++ b/download.html @@ -0,0 +1,63 @@ + + + + + + + The App - download page + + + + + + +
+
+ +

Download

+
+ About Us + Download + Contact + News + ### + ### +
+
+
+
+

Lorem, ipsum, dolor.

+
+

Lorem ipsum, dolor sit amet consectetur, adipisicing elit. Praesentium eveniet nostrum est voluptates expedita adipisci quod! Voluptate nemo, necessitatibus sint dolorum voluptatem eius in maiores ipsam quaerat earum cum, corporis?

+ +
+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium maxime deserunt quia, odio perspiciatis corporis tempore labore, porro tempora modi. Impedit suscipit, itaque corrupti quas fuga non sapiente architecto saepe!

+
+

Lorem, ipsum, dolor.

+
+

Lorem ipsum, dolor sit amet consectetur, adipisicing elit. Praesentium eveniet nostrum est voluptates expedita adipisci quod! Voluptate nemo, necessitatibus sint dolorum voluptatem eius in maiores ipsam quaerat earum cum, corporis?

+ +
+

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Praesentium maxime deserunt quia, odio perspiciatis corporis tempore labore, porro tempora modi. Impedit suscipit, itaque corrupti quas fuga non sapiente architecto saepe!

+
+ +
+
+
+ \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..09074f1 --- /dev/null +++ b/index.html @@ -0,0 +1,30 @@ + + + + + + + The App + + + + + +
+
+ +

The App

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae iusto id sed, sit nulla voluptas, suscipit reiciendis magni nostrum placeat quibusdam architecto sint quia eos corporis inventore explicabo hic quisquam.

+
+ +
+ About Us + Download + Contact + News + ### + ### +
+
+ + \ No newline at end of file diff --git a/logo.svg b/logo.svg new file mode 100644 index 0000000..c0566f8 --- /dev/null +++ b/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..1d465c9 --- /dev/null +++ b/style.css @@ -0,0 +1,143 @@ +body,a,p,h1,h2,h3,h5{padding: 0; margin: 0} +body{ + background-color: #000; /*Цвет фона всей страницы*/ + color:#fff; /*Цвет текста всей страницы*/ +} +.geist-mono-all{ + font-family: "Geist Mono", monospace; + font-optical-sizing: auto; + font-weight: 100; + font-style: normal; +} + +h1{ + font-family: "Geist mono"; + font-weight: 700; + font-size: 40px; +} +h2{ + font-family: "Geist mono"; + font-weight: 700; + font-size: 25px; +} +p, a, ul, li{ + font-family: "Geist mono"; + font-weight: 200; +} + +/*КНОПКИ НА ГЛАВНОЙ СТРАНИЦЕ*/ +.nav_butt_1:link, .nav_butt_1:visited { + box-sizing: content-box; + border: solid #fff 1px; /*Цвет рамки кнопки*/ + color: #fff; /*Цвет текста кнопки*/ + text-align: center; + text-decoration: none; + display: inline-block; + width: 120px; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 10px; +} +.nav_butt_1:hover, .nav_butt_1:active { + background-color: #fff;/*цвет кнопки при наведении*/ + color: #000; /*цвет текста кнопки при наведении*/ +} + +/*КНОПКИ НА СТРАНИЦАХ С БОКОВЫМ НАВИГАТОРОМ*/ +.nav_butt_2:link, .nav_butt_2:visited { + box-sizing: content-box; + border: solid #fff 1px; /*Цвет рамки кнопки*/ + color: #fff; /*Цвет текста кнопки*/ + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 12px; + width: 120px; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 10px; +} +.nav_butt_2:hover, .nav_butt_2:active { + background-color: #fff;/*цвет кнопки при наведении*/ + color: #000; /*цвет текста кнопки при наведении*/ +} +/*КНОПКИ КОНТЕНТА*/ + +.content_butt:link, .content_butt:visited { + font-weight: 500; + color: #989898; /*Цвет текста кнопки*/ + text-align: center; + text-decoration: underline; + display: inline-block; +} +.content_butt:hover, .content_butt:active { + background-color: #fff;/*цвет кнопки при наведении*/ + color: #000; /*цвет текста кнопки при наведении*/ +} + +/*СТИЛИ ГЛАВНОЙ СТРАНИЦЫ*/ +.main_container{ + max-width: 800px; + max-height: 100vh; + text-align: center; + margin-left: auto; + margin-right: auto; + padding-top: 200px; +} +.head{ + +} +.logo{ + max-width: 80px; + padding-bottom: 30px; +} +.links{ + padding-top: 100px; + justify-content: space-between; + display: flex; +} + + + + +/*СТИЛИ ВТОРИЧНЫХ СТРАНИЦ*/ +.page_container{ + + max-height: 100vh; + text-align: center; + margin-left: auto; + margin-right: auto; + +} +.nav_box{ + height: 100vh; + border-right: solid 1px #fff; + width: 20%; + position: fixed; + padding-top: 10vh; +} +.content_wrap{ + text-align: left; + width: 80%; + float: right; + display: block; + position: relative; +} +.navigation{ + padding-top: 50px; + width: 130px; + margin:0 auto; +} + +.content_box{ + margin: 50px; +} +.logo_home, .logo_home:link, .logo_home:visited, .logo_home:hover, .logo_home:active { + border: none; + background-color: transparent; +} + + + + +