+
Here is what google skills look like
+
+
+
+ -
+
HTML + CSS
+ -
+
JavaScript
+ -
+
TypeScript
+
+
+
+
Лендинг
+
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
+ 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.
+
+
+
+
+
+
+
+
+
\ 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..f8efae7
--- /dev/null
+++ b/1-html-css/homework1/style.css
@@ -0,0 +1,137 @@
+.div_header {
+ background-image: url(https://deadsign.ru/images/articles/code/code-11.jpg);
+ background-repeat: no-repeat;
+ background-size: 100%;
+ background-position: 0% 40%;
+ height: 280px;
+}
+
+.header_h1 {
+ color: bisque;
+ text-align: center;
+ padding-left: 50%;
+ padding-top: 12%;
+}
+
+.footer {
+ text-align: center;
+ color: #777;
+}
+
+.footer-gradient {
+ background: rgb(117, 112, 228);
+ background: linear-gradient(90deg, rgba(117, 112, 228, 1) 0%, rgba(135, 135, 247, 1) 21%, rgba(0, 212, 255, 1) 97%);
+ height: 20px;
+}
+
+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;
+}
+
+.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;
+}
+
+.icon {
+ width: 20px;
+ border-radius: 50%;
+}
+
+.icon:hover {
+ opacity: 0.7;
+}
+
+.video-container {
+ height: 100px;
+ width: 100%;
+ max-width: 2000px;
+ position: relative;
+ overflow: hidden;
+}
+
+video {
+ object-fit: cover;
+ position: absolute;
+ height: 100px;
+ width: 100%;
+ top: 0;
+ left: 0;
+}
+
+.video-container:after {
+ content: '';
+ display: block;
+ height: 100%;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: rgba(black, .2);
+ z-index: 1;
+}
+
+.desc {
+ font-family: Raleway;
+ font-weight: 400;
+ color: coral;
+ font-size: 18px;
+}
+
+.callout {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ height: 100%;
+ text-align: center;
+ position: relative;
+ z-index: 10;
+ width: 70%;
+ margin: auto;
+}
\ No newline at end of file