mirror of
https://github.com/TronoSfera/Homework.git
synced 2026-05-18 10:03:43 +03:00
home work 2
This commit is contained in:
parent
0b0f914135
commit
e9924347a3
2 changed files with 55 additions and 0 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -25,3 +25,33 @@ 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;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue