Задать вопрос
iadarch

iadarch

Комментарии

  • Как убрать пустое пространство под footer'ом?

    iadarch
    @iadarch Автор вопроса
    неужели все было настолько просто.. Большое спасибо! буду переделывать
    Написано

  • Как убрать пустое пространство под footer'ом?

    iadarch
    @iadarch Автор вопроса
    Anonymous Penguin, 
    body {
	padding: 0;
	margin: 0;
	font-family: 'Inter', sans-serif;
	color: black;
	font-size: 16px;
}

* {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

section {
	padding-top: 113px;	
}

p {
	margin: 0;
}

ul, li {
	padding: 0;
	margin: 0;
}

.container {
	width: 1170px;
	/*позиционирование по центру*/
	margin: 0 auto; 
}


header a {
	color: #fff;
}

.logo {
   width: 142px;
   height: 151px;
   left: 318px;
   top: 158px;
   margin-top: 95px;
   margin-bottom: 7px;
}

.menu {
   position: relative;
   width: 750px;
   height: 58px;
   left: 416px;
   top: -117px;
}

.menu li a {
	font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   line-height: 44px;

   color: #000000;
}

.menu {
	display: flex;
}

.menu li {
	margin-right: 62px;
	display: block;
}

h1 {
	position: relative;
	width: 561px;
   height: 132px;
   left: 31px;
   top: -737px;
}

h1 {
	font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   line-height: 44px;
   text-align: justify;
   text-indent: 54px;

   color: #000000;
}

h2 {
   font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   line-height: 44px;
   text-align: justify;
   text-indent: 54px;

   color: #000000
}

h2 {
	position: relative;
   width: 561px;
   height: 186px;
   left: 620px;
   top: -348px;
}

h3 {
	position: relative;
	width: 631px;
   height: 270px;
   left: 20px;
   top: -1209px;
}

h3 {
	font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   line-height: 44px;
   text-align: justify;
 
   color: #000000;
}

.img1 {
	position: relative;
	width: 1130px;
   height: 781px;
   left: 45px;
   top: -12px;
}

.shift {
	position: relative;
	width: 423px;
   height: 270px;
   left: 86px;
   top: -1423px;
}

.shift li {
	font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   line-height: 44px;
   text-align: justify;

   color: #000000;
}

.go {
	position: relative;
	width: 1107px;
   height: 864px;
   left: 45px;
   top: -332px;
}

h4 {
	position: relative;
	width: 200px;
   height: 48px;
   left: 732px;
   top: -1159px;
}

h4 {
	font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   line-height: 44px;
   text-align: justify;

   color: #000000;
}

.ever {
	position: relative;
	width: 503px;
   height: 48px;
   left: 600px;
   top: -1130px;
}

.ever {
	font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 36px;
   line-height: 44px;
   text-align: justify;

   color: #000000;
}

.footer-text {
	font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 25px;
   line-height: 30px;
	display: flex;
	padding: 114px 0
}

.footer-text {
	position: relative;
	width: 900px;
   height: 30px;
   left: 80px;
   top: -958px;
   /*позиционирование по центру*/
	margin: 0 auto; 
}

.footer-text p {
	margin-right: 150px;
}
    Написано

  • Как убрать пустое пространство под footer'ом?

    iadarch
    @iadarch Автор вопроса 
    <!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Seon</title>
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;400&family=Marcellus&family=Montserrat:ital,wght@0,100;1,400;1,500;1,600&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="css/style.css">
</head>
<body>

	<header id="header" class="header">
		<div class="container">
			<img src="img/logo.png" alt="logo" class="logo">
			<ul class="menu">
					<li>
						<a href="index.html">
							Главная
						</a>
					</li>
					<li>
						<a href="about.html">
							О нас
						</a>
					</li>
					<li>
						<a href="products.html">
							Товары
						</a>
					</li>
					<li>
						<a href="services.html">
							Услуги
						</a>
					</li>
			</ul>
			<div class="cont">
			<img src="img/Group 10.png" alt="img1" class="img1">
			<h1>Мастерская, занимающаяся искусством и художественным ремеслом.</h1>
			<h2>Бизнес-идея зародилась  осенью 2021, и уже сейчас ателье Seon активно развивает свою деятельность.</h2>
        </div>
		</div>
	</header>

    <section id="about" class="about">
		<div class="container">
			<img src="img/Group12.png" alt="go" class="go">
			<h3>Плюсы:</h3>
			<ul class="shift">
                <li>расположение в центре города</li>
                <li>стабильная цена на продукцию и услуги </li>
                <li>качество и комфорт </li>
                <li>акции и подарки </li>
            </ul>
            <h4>Минусы:</h4>
            <ul class="ever">
                <li>Попробуй найти, от нас скидка 30% на всю продукцию Seon :)</li>
            </ul>
		</div>
	</section>
    
	<footer id="footer" class="footer">
		<div class="container">
			<div class="footer-text">
				<p>
					©2021-2022 Atelier Seon 
				</p>
				<p>
					Все права защищены
				</p>
			</div>
		</div>
	</footer>
</body>
</html>
    Написано

  • Как сделать кнопку прозрачной?

    iadarch
    @iadarch
    Большое вам спасибо! Сейчас попробую ;)
    Написано