Day 354
Beginning my rebuild of google.com
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/style.css" />
<title>Document</title>
</head>
<body>
<header>
<div class="menutop-left">
<ul>
<li>About</li>
<li>Store</li>
</ul>
</div>
<div class="menutop-right">
<ul>
<li>Gmail</li>
<li>Images</li>
<li>
<img src="img/google-apps.PNG" alt="Icon for link to Google Apps" />
</li>
<li>S</li>
</ul>
</div>
</header>
<section id="main">
<img src="img/googlelogo.png" alt="Main Google logo" />
<div id="text-box">
<i class="fas fa-search"></i>
</div>
<button id="search">Google Search</button>
<button id="lucky">I'm Feeling Lucky</button>
<div id="security">
<img src="img/shield_security.png" alt="Security shield logo" />
<p>
It's Cybersecurity Month. Take a Checkup to strengthen your saved
passwords
</p>
</div>
</section>
<footer>
<div class="menubottom-left">
<ul>
<li>Advertising</li>
<li>Business</li>
<li>How Search works</li>
</ul>
</div>
<div class="menubottom-right">
<ul>
<li>Privacy</li>
<li>Terms</li>
<li>Settings</li>
</ul>
</div>
</footer>
</body>
</html>
#CodingPhase #TheCodingWay #365CodingPhaseChallenge
**********
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/style.css" />
<title>Document</title>
</head>
<body>
<header>
<div class="menutop-left">
<ul>
<li>About</li>
<li>Store</li>
</ul>
</div>
<div class="menutop-right">
<ul>
<li>Gmail</li>
<li>Images</li>
<li>
<img src="img/google-apps.PNG" alt="Icon for link to Google Apps" />
</li>
<li>S</li>
</ul>
</div>
</header>
<section id="main">
<img src="img/googlelogo.png" alt="Main Google logo" />
<div id="text-box">
<i class="fas fa-search"></i>
</div>
<button id="search">Google Search</button>
<button id="lucky">I'm Feeling Lucky</button>
<div id="security">
<img src="img/shield_security.png" alt="Security shield logo" />
<p>
It's Cybersecurity Month. Take a Checkup to strengthen your saved
passwords
</p>
</div>
</section>
<footer>
<div class="menubottom-left">
<ul>
<li>Advertising</li>
<li>Business</li>
<li>How Search works</li>
</ul>
</div>
<div class="menubottom-right">
<ul>
<li>Privacy</li>
<li>Terms</li>
<li>Settings</li>
</ul>
</div>
</footer>
</body>
</html>
Comments
Post a Comment