Scribd
Upload
8 views

HTML CSS

Uploaded by

soumyaranjanliku16
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
8 views

HTML CSS

Uploaded by

soumyaranjanliku16
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html> </li>


<html lang="en"> <li>
<head> <a href="">বাাংলা</a>
<meta charset="UTF-8"> </li>
<meta name="viewport" <li>
content="width=device-width, initial- <a href="">తెలుగు</a>
scale=1.0"> </li>
<title>Google</title> <li>
<link rel="stylesheet" href="styles.css"> <a href="">मराठी
</head> </a>
<body> </li>
<section> <li>
<header>
<a href="">தமிழ் </a>
<ul>
</li>
<li>
<li>
<a href="">Gmail</a>
<a href="">ગુજરાતી</a>
</li>
</li>
<li>
<li>
<a href="">Images</a>
</li> <a href="">ಕನ್ನ ಡ</a>
<li> </li>
<a href=""><img src="D:\Google Home <li>
Page\menuIcon.png" alt=""></a> <a
</li> href="">മലയാളം</a>
<li> </li>
<button>Sign In</button> <li>
</li> <a href="">ਪੰਜਾਬੀ</a>
</ul> </li>
</header> </ul>
</div>
<div class="main"> <div class="footer">
<img src="D:\Google Home <div class="row row1">
Page\google.png" alt=""> <p
<div class="searchBox"> class="country">India</p>
<input type="text" class="search"> </div>
<div class="icons"> <div class="row row2">
<div> <ul>
<img src="D:\Google Home <li><a
Page\search.png" alt=""> href="">About</a></li>
</div> <li><a
<div class="miclens"> href="">Advertising</a></li>
<img src="D:\Google Home <li><a
Page\mic.png" alt=""> href="">Business</a></li>
<img src="D:\Google Home <li><a href="">How
Page\googlelens.png" alt=""> Search works</a></li>
</div> </ul>
</div> <ul>
</div> <li><a
<div class="buttons"> href="">Privacy</a></li>
<button>Google Search</button> <li><a
<button>I'm Soumyaranjan Muduli May I href="">Terms</a></li>
Help You</button> <li><a
</div> href="">Settings</a></li>
<ul class="languages"> </ul> </div> </div>
<li>Google offered in:</li> </section></body></html>
<li>
<a href="">हिन्दी</a>
*{ color: #fff; top: 0;

margin: 0; font-size: 14px; width: 100%;

padding: 0; font-weight: 700; display: flex;

box-sizing: border-box; border-radius: 3px; padding: 11px 20px;

font-family: 'arial', sans-serif;} cursor: pointer; justify-content: space-between;


section {
position: absolute; } align-items: center;

width: 100%; pointer-events: none;

display: flex; section .main { }

justify-content: center; width: 580px;

align-items: center; display: flex; section .main .searchBox .icons .miclens {

min-height: 100vh;} flex-direction: column; display: flex;

section header { align-items: center; align-items: center;

position: absolute; justify-content: center; gap: 25px;

top: 0; } }

width: 100%;

display: flex; section .main .searchBox { section .main .buttons {

justify-content: flex-end; position: relative; margin-top: 20px;

padding: 20px;} width: 100%; }


section header ul { margin-top: 20px;
display: flex; } section .main .buttons button {
justify-content: center; margin: 0 5px;
align-items: center;} section .main .searchBox .search { padding: 12px 20px;
section header ul li { width: 100%; color: #3c4043;
list-style: none; padding: 15px; background: #f8f9fa;
margin-left: 20px;} padding-left: 45px; font-size: 14px;
section header ul li a { padding-right: 60px; border: none;
color: #111; border-radius: 30px; cursor: pointer;
text-decoration: none; border: 1px solid #dedede; border-radius: 4px;
font-size: 13px;} outline: none; border: 1px solid transparent;
section header ul li button { font-size: 16px; outline: none;
background: #1a73e8; } }
border: none;

outline: none; section .main .searchBox .icons {


padding: 10px 24px; position: absolute;
section .footer .row {

section .main .buttons button:hover { padding: 15px 25px;

border: 1px solid #dedede; border-top: 1px solid rgba(0, 0, 0,


0.05);
}
color: #5f6368;

}
section .main .languages {

display: flex;
section .footer .row.row2 {
margin-top: 30px;
display: flex;
}
justify-content: space-between;

}
section .main .languages li {

list-style: none;
section .footer .row.row2 ul {
margin: 0 5px;
display: flex;
font-size: 13px;
}
}

section .footer .row.row2 ul li {


section .main .languages li a {
list-style: none;
text-decoration: none;
}
color: #1a0dab;

}
section .footer .row.row2 ul li a {

text-decoration: none;
section .main .languages li a:hover {
font-size: 14px;
text-decoration: underline;
color: #5f6368;
}
margin-right: 25px;

}
section .footer {

position: absolute;

bottom: 0;

left: 0;

width: 100%;

background: #f2f2f2;

You might also like