Scribd
Upload
8 views

HTML CSS

Uploaded by

soumyaranjanliku16
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
8 views

HTML CSS

Uploaded by

soumyaranjanliku16
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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