Scribd
Upload
15 views3 pages

!DOCTYPE HTML

Uploaded by

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

!DOCTYPE HTML

Uploaded by

Sakthivel Sakthivel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GREATE USAGE CORPORATE WORLD</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
text-align: center;
background-image: url('C:/Users/HP/Downloads/my
project/pictures/logo.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
nav {
background-color: #333;
padding: 10px;
}
nav a {
color: white;
text-decoration: none;
margin: 0 15px;
font-size: 18px;
cursor: pointer;
}
.container {
padding: 20px;
background-color: rgba(255, 255, 255, 0.8);
display: inline-block;
margin-top: 50px;
border-radius: 10px;
}
img {
width: 50%;
height: auto;
border-radius: 10px;
margin-top: 20px;
}
footer {
background-color: #333;
color: white;
padding: 10px;
position: absolute;
bottom: 0;
width: 100%;
}
.contact-info, .about-info {
display: none;
margin-top: 20px;
}
</style>
<script>
function openHomePage() {
alert("Navigating to Home Page");
}
function toggleAboutInfo() {
var aboutDiv = document.getElementById("about-info");
aboutDiv.style.display = (aboutDiv.style.display === "none" ||
aboutDiv.style.display === "") ? "block" : "none";
}
function toggleContactInfo() {
var contactDiv = document.getElementById("contact-info");
contactDiv.style.display = (contactDiv.style.display === "none" ||
contactDiv.style.display === "") ? "block" : "none";
}
</script>
</head>
<body>
<nav>
<a href="#" onclick="openHomePage()">Home</a>
<a href="#" onclick="toggleAboutInfo()">About</a>
<a href="#" onclick="toggleContactInfo()">Contact</a>
</nav>

<div class="container">
<h1>Welcome to Greate Usage</h1>
<img src="C:/Users/HP/Downloads/my project/pictures/image.jpg" alt="Sample
Image">
<p>Greate Usage is a company focused on project reviews.</p>

<div id="about-info" class="about-info">


<h2>About Us</h2>
<p><strong>Name:</strong> Greate Usage Corp.</p>
<p><strong>Location:</strong> Jalapuram</p>
<p><strong>Phone:</strong> +9876543210</p>
<h3>Achievements</h3>
<ul>
<li>Best Startup 2023</li>
<li>Top 10 Innovations 2024</li>
<li>Customer Service Award</li>
</ul>
</div>

<div id="contact-info" class="contact-info">


<h2>Contact Us</h2>
<p>Email: [email protected]</p>
<p>Phone: +919876543210</p>
</div>
</div>

<footer>
&copy; 2025 Greate Usage Corp. All rights reserved.
</footer>
</body>
</html>
ORGINAL

You might also like