tronosfera/Homework
1
0
Fork 0
mirror of https://github.com/TronoSfera/Homework.git synced 2026-05-18 10:03:43 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

home work 2

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

25
1-html-css/homework1/index.html
View file

@ -11,6 +11,17 @@
</head>
<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>
<h1>Code Lessons</h1>
<ul>
@ -18,6 +29,20 @@
<li>JavaScript</li>
<li>TypeScript</li>
</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>
<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

30
1-html-css/homework1/style.css
View file

@ -25,3 +25,33 @@ 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;
}