Forwarded from Web dasturlash🧑🏻💻
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Shunda web sayitlar yaratamiza
❤2
❤1
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<!-- <div class="box1"></div>
<div class="box2"></div> -->
<header>
<div class="logo">
<img
src="https://kun.uz/assets/9daff39f/img/icons/logo-light.svg"
alt=""
/>
</div>
<ul>
<li>Узбекистан</li>
<li>Мир</li>
<li>Общество</li>
<li>Спорт</li>
</ul>
<div class="header_icons">
<button>
<i class="fa-solid fa-globe"></i>
<span>O'zbekcha</span>
</button>
<button>
<i class="fa-solid fa-magnifying-glass"></i>
</button>
<button>
<i class="fa-solid fa-bars"></i>
</button>
</div>
</header>
</body>
</html>
width: 300px;
height: 400px;
display: inline-block;
background-color: red;
}
.box2 {
width: 300px;
height: 400px;
margin-left: 100px;
margin-top: 200px;
display: inline-block;
background-color: green;
} */
.logo {
display: inline-block;
}
ul {
margin-left: 380px;
display: inline-block;
}
ul li {
display: inline-block;
margin-left: 30px;
}
.header_icons {
margin-left: 400px;
display: inline-block;
}
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="box">
<p>Salom</p>
</div>
<button>Connect</button>
<h1>Our designs solve problems</h1>
<h2>Our designs solve problems</h2>
</body>
</html>
* {
box-sizing: border-box;
}
.box {
background-color: red;
width: 800px;
height: 300px;
/* border: 10px solid green; */
border-left: 10px solid blue;
border-top: 10px solid green;
border-bottom: 10px solid aqua;
/* border-radius: 20px; */
border-top-left-radius: 150px;
border-bottom-right-radius: 150px;
padding-left: 400px;
padding-top: 100px;
margin-top: 100px;
margin-left: 200px;
}
button {
background-color: #37806b;
color: white;
padding: 10px 30px 10px 30px;
border: none;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
h1 {
color: #282938;
font-size: 54px;
font-weight: 600;
font-family: 'Poppins', serif;
}