Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RevorkedHomework№2.OR-Media.Pre-front #12

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
75 changes: 75 additions & 0 deletions 1.block/css/block.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,75 @@
*{
margin: 0;
}
.container{
width: 100%;
height: 100%;
display: flex;
flex-flow: wrap;
align-content: flex-start;
}
.HeaderBlockLeft{
width: 49.5%;
height: 10%;
background-color: blue;
margin-right: 1%;
}
.HeaderBlockRight{
width: 49.5%;
height: 10%;
background-color: blue;
}
.Body{
margin-top: 1%;
margin-bottom: 1%;
width: 100%;
height: 40%;
background-color: brown;
}
.Pre-FooterBlockLeft{
width:33%;
height: 17%;
background-color: blueviolet;
margin-right: 0.5%;
}
.Pre-FooterBlockMiddle{
width:33%;
height: 17%;
background-color: blueviolet;
margin-right: 0.5%;
}
.Pre-FooterBlockRight{
width:33%;
height: 17%;
background-color: blueviolet;
}
.FooterBlockLeft{
margin-left: 0.5%;
margin-top: 1%;
width: 24%;
height: 29%;
background-color: red;
margin-right: 1%;
}
.FooterBlockAfterLeft{
margin-top: 1%;
width: 24%;
height: 29%;
background-color: red;
margin-right: 1%;
}
.FooterBlockMiddle{
margin-top: 1%;
width: 24%;
height: 29%;
background-color: red;
margin-right: 1%;
}
.FooterBlockRight{
margin-top: 1%;
width: 24%;
height: 29%;
background-color: red;
}


34 changes: 34 additions & 0 deletions 1.block/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<html>

<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/block.css" type="text/css" />
<title>Block</title>
</head>

<body>
<div class="container">
<div class="HeaderBlockLeft">
</div>
<div class="HeaderBlockRight">
</div>
<div class="Body">
</div>
<div class="Pre-FooterBlockLeft">
</div>
<div class="Pre-FooterBlockMiddle">
</div>
<div class="Pre-FooterBlockRight">
</div>
<div class="FooterBlockLeft">
</div>
<div class="FooterBlockAfterLeft">
</div>
<div class="FooterBlockMiddle">
</div>
<div class="FooterBlockRight">
</div>
</div>
</body>

</html>
31 changes: 31 additions & 0 deletions 1.sheet/css/sheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
*{
margin: 0;
}
table{
table-layout: fixed;
border-spacing: 10px 20px;
}


.top{
height: 100px;
background-color: orange;
}


.midle{
height: 300px;
background-color: yellow;
}


.AfterMiddle{
height: 200px;
background-color:blue;
}


.Footer{
height: 150px;
background-color: darkgray;
}
34 changes: 34 additions & 0 deletions 1.sheet/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
<head>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

В начале файла нужен тег html и DOCTYPE

<meta charset="utf-8">
<link rel="stylesheet" href="./css/sheet.css" type="text/css" />
<title>Sheet</title>
</head>

<body>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<th class="top"></th>
<th class="top"></th>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<th class="midle"></th>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<th class="AfterMiddle"></th>
<th class="AfterMiddle"></th>
<th class="AfterMiddle"></th>
</tr>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<th class="Footer"></th>
<th class="Footer"></th>
<th class="Footer"></th>
<th class="Footer"></th>
</tr>
</table>
</body>
36 changes: 36 additions & 0 deletions 2/css/2.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
*{
margin: 0;
}
.Container{
background-color: white;
height: 90%;
width: 90%;
border: 5px solid black;
}


.TopLeft{
position: relative;
background-color: red;
height: 50%;
width: 50%;
}


.BottomRight{
position: relative;
left:50%;
background-color: blue;
height: 50%;
width: 50%;
}


.Middle{
position: relative;
top:-75%;
left: 25%;
background-color: chartreuse;
height: 50%;
width: 50%;
}
16 changes: 16 additions & 0 deletions 2/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
<head>
<meta charset="utf-8">
<title>SecondTask</title>
<link rel="stylesheet" href="./css/2.css" type="text/css" />
</head>

<body>
<div class="Container">
<div class="TopLeft">
</div>
<div class="BottomRight">
</div>
<div class="Middle">
</div>
</div>
</body>
99 changes: 99 additions & 0 deletions 3/css/3.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
*{
margin: 0;
}
body{
background: url(../img/E075hjMaSl.jpg);
min-width: 1257px;
}

.Head{
width: 93%;
min-width: 1257px;
margin-right: 5%;
margin-left: 5%;
background-color:rgba(65, 25, 0, 0.4);
height: 15%;
text-align: center;
color:black;
font-size: 60px;
font-family: 'Pacifico', cursive;
border-radius: 0 0 20px 20px;
}

.menu{
float: right;
width: 10%;
height: 600px;
background-color:rgba(0, 0, 0, 0.4);
font-family: 'Times New Roman', Times, serif;
font-size: 25px;
border-radius: 10px;
}

a{
text-decoration: none;
color:black;
}

a:hover{
color: blue;
}

.Text{
font-size: 45px;
font-family: 'Pacifico', cursive;
text-align: left;
}

.Foot{
position: absolute;
bottom: 0;
width: 93%;
min-width: 1257px;
height: 15%;
margin-left: 5%;
margin-right: 5%;
border-radius: 20px 20px 0 0;
background-color:rgba(65, 25, 0, 0.4);
}

.Spons{
position: relative;
top: -30px;
font-size: 20px;
font-family: 'Times New Roman', Times, serif;
font-weight: bold;
}

.GAZ{
position:relative;
top:9px;
margin-left: 1%;
height: 60px;
width: 60px;
}

.adid{
position:relative;
top:9px;
margin-left: 1%;
height: 60px;
width: 60px;
}

.MB{
position:relative;
top:9px;
margin-left: 1%;
height: 60px;
width: 60px;
}

.Contact{
position: relative;
top:35%;
left: 5%;
font-size: 23px;
font-weight: bold;
text-align: center;
}
Binary file added 3/img/116d0b990a0d028a0168afdd3fbe9e90.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 3/img/800px-Gazprom-Logo.svg_.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added 3/img/E075hjMaSl.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 40 additions & 0 deletions 3/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
<head>
<meta charset="utf-8">
<title>ThirdTask</title>
<link rel="stylesheet" href="./css/3.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
</head>

<body>
<div class="Head">
<span>The gallery works name Bazukina Vyacheslava</span>
</div>
<ul class="menu">
<li>First Task
<ul>
<li><a href="../1.block/index.html" target="_blank">Block layout</a></li>
<li><a href="../1.sheet/index.html" target="_blank">Table layout</a></li>
</ul>
</li>
<li><a href="../2/index.html" target="_blank">Second Task</a></li>
</ul>
<div class="Text">
<ol>
<li>Welcome to the Bizyukin Vyacheslav gallery.</li>
<li>He is an outstanding and talented artist only in his imagination, so do not judge strictly.</li>
<li>Vyacheslav began his March in may 2019, and is now at the beginning of his artistic career.</li>
<li>Here you can see how he began his career as an artist, and what peaks he reached in such a short period
of time.</li>
<li> Enjoy watching!</li>
</ol>
</div>
<div class="Foot">
<span class="Spons">The project was sponsored:</span>
<a href="http://www.gazprom.ru/" target="_blank"><img class="GAZ" src="./img/800px-Gazprom-Logo.svg_.jpg"></a>;
<a href="https://www.adidas.ru/" target="_blank"><img class="adid"
src="./img/adidas_logo_3d_model_c4d_max_obj_fbx_ma_lwo_3ds_3dm_stl_384267_o.jpg"></a>;
<a href="https://www.mercedes-benz.ru/" target="_blank"><img class="MB"
src="./img/116d0b990a0d028a0168afdd3fbe9e90.jpg"></a>;
<span class="Contact">Contact:https://vk.com/white_power69; +375(29)5661291</span>
</div>
</body>
Loading