home work 2

This commit is contained in:
Artem 2023-03-01 20:40:00 +03:00
parent 0b0f914135
commit e9924347a3
2 changed files with 55 additions and 0 deletions

View file

@ -11,6 +11,17 @@
</head> </head>
<body> <body>
<ul class="m_menu">
<li>
<a href="#" class="m_menu_link">Главная</a>
</li>
<li>
<a href="#" class="m_menu_link">Отзывы</a>
</li>
<li>
<a href="#" class="m_menu_link">Контакты</a>
</li>
</ul>
<div class="Header"><a href="#">Отзывы</a></div> <div class="Header"><a href="#">Отзывы</a></div>
<h1>Code Lessons</h1> <h1>Code Lessons</h1>
<ul> <ul>
@ -18,6 +29,20 @@
<li>JavaScript</li> <li>JavaScript</li>
<li>TypeScript</li> <li>TypeScript</li>
</ul> </ul>
<div>
<div class="Project">
<span class="s_project">Лендинг</span>
<p>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.</p>
</div>
<div class="Project">
<span class="s_project">Визитка</span>
<p>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!</p>
</div>
<div class="Project">
<span class="s_project">Учетная книга заказов</span>
<p> 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?</p>
</div>
</div>
<h2>First HTML + CSS</h2> <h2>First HTML + CSS</h2>
<p> <p>
<span class="bold">HyperText Markup Language</span> 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 <span class="bold">HyperText Markup Language</span> 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

View file

@ -24,4 +24,34 @@ a:hover {
a:active, a:active,
a:focus { a:focus {
color: orangered; 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;
} }