From 0b0f9141358247f27c666dab48ae713bf55e129e Mon Sep 17 00:00:00 2001 From: Artem Date: Wed, 1 Mar 2023 18:36:43 +0300 Subject: [PATCH 1/2] first step --- 1-html-css/homework1/global.css | 7 +++++ 1-html-css/homework1/index.html | 46 +++++++++++++++++++++++++++++++++ 1-html-css/homework1/style.css | 27 +++++++++++++++++++ 3 files changed, 80 insertions(+) create mode 100644 1-html-css/homework1/global.css create mode 100644 1-html-css/homework1/index.html create mode 100644 1-html-css/homework1/style.css diff --git a/1-html-css/homework1/global.css b/1-html-css/homework1/global.css new file mode 100644 index 0000000..28e1a16 --- /dev/null +++ b/1-html-css/homework1/global.css @@ -0,0 +1,7 @@ +.bold { + font-weight: bold; +} + +.italic { + font-style: italic; +} \ No newline at end of file diff --git a/1-html-css/homework1/index.html b/1-html-css/homework1/index.html new file mode 100644 index 0000000..b96e93e --- /dev/null +++ b/1-html-css/homework1/index.html @@ -0,0 +1,46 @@ + + + + + + + + + + Code lessons + + + +
Отзывы
+

Code Lessons

+ +

First HTML + CSS

+

+ HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as + Cascading Style Sheets (CSS) and scripting languages such as JavaScript. Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the + structure of a web page semantically and originally included cues for the appearance of the document. HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded + into the rendered page. +

+
+

Second JavaScript

+

+ JavaScript, often abbreviated as JS, is a programming language that is one of the core technologies of the World Wide Web, alongside HTML and CSS. As of 2022, 98% of websites use JavaScript on the client side for webpage + behavior, often incorporating third-party libraries. All major web browsers have a dedicated JavaScript engine to execute the code on users' devices. JavaScript is a high-level, often just-in-time compiled language + that conforms to the ECMAScript +

+
+

Third TypeScript

+

+ TypeScript adds additional syntax to JavaScript to support a tighter integration with your editor. Catch errors early in your editor. TypeScript code converts to JavaScript, which runs anywhere JavaScript runs: In a browser, on Node.js or Deno and in your apps. TypeScript understands JavaScript and uses type inference to give you great tooling without additional code. +

+
+
+

© All rights reserved. 2023

+
+ + + \ No newline at end of file diff --git a/1-html-css/homework1/style.css b/1-html-css/homework1/style.css new file mode 100644 index 0000000..5b961e3 --- /dev/null +++ b/1-html-css/homework1/style.css @@ -0,0 +1,27 @@ +.footer { + text-align: center; + color: #777; +} + +p { + font-family: Helvetica, Arial, sans-serif; +} + +a, +a:link { + color: blue; +} + +a:visited { + color: blueviolet; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +a:active, +a:focus { + color: orangered; +} \ No newline at end of file From e9924347a3cc4e5cab415abf35f63958455b4b81 Mon Sep 17 00:00:00 2001 From: Artem Date: Wed, 1 Mar 2023 20:40:00 +0300 Subject: [PATCH 2/2] home work 2 --- 1-html-css/homework1/index.html | 25 +++++++++++++++++++++++++ 1-html-css/homework1/style.css | 30 ++++++++++++++++++++++++++++++ 2 files changed, 55 insertions(+) diff --git a/1-html-css/homework1/index.html b/1-html-css/homework1/index.html index b96e93e..77d3048 100644 --- a/1-html-css/homework1/index.html +++ b/1-html-css/homework1/index.html @@ -11,6 +11,17 @@ +
Отзывы

Code Lessons

+
+
+ Лендинг +

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque, natus aut soluta dicta rem iste officia laborum fugit tenetur, esse, nulla sed repellat eaque explicabo possimus. Nam incidunt quod nisi.

+
+
+ Визитка +

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Adipisci consectetur cumque optio! Sequi laborum dolores, officia quaerat odit at pariatur! Iste eum sed in accusamus, nesciunt saepe ex. Dicta, velit!

+
+
+ Учетная книга заказов +

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates amet esse neque eveniet eligendi at alias temporibus! Sapiente officiis reprehenderit, deleniti magni mollitia, quaerat perferendis tempora in quis nesciunt alias?

+
+

First HTML + CSS

HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as diff --git a/1-html-css/homework1/style.css b/1-html-css/homework1/style.css index 5b961e3..9b6b3a0 100644 --- a/1-html-css/homework1/style.css +++ b/1-html-css/homework1/style.css @@ -24,4 +24,34 @@ a:hover { a:active, a:focus { color: orangered; +} + +.m_menu li { + display: inline; + margin-left: 10px; + margin-right: 10px; + padding-left: 5px; + padding-right: 5px; + white-space: nowrap; + font-size: 2rem; +} + +.m_menu a:hover { + text-decoration: none; + color: rgb(110, 145, 57); +} + +.Project { + margin-top: 5px; + margin-bottom: 10px; + margin-left: 10px; + margin-right: 10px; + padding: 5px; + border: blue solid 1px; +} + +.s_project { + margin-left: 5px; + margin-right: 5px; + font-weight: 600; } \ No newline at end of file