Scribd
Upload
2 views

!DOCTYPE3 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
2 views

!DOCTYPE3 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/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GREATE USAGE CORPRATE 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'); /* Replace with actual image URL */
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;
}
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");
if (aboutDiv.style.display === "none" || aboutDiv.style.display === "")
{
aboutDiv.style.display = "block";
} else {
aboutDiv.style.display = "none";
}
}
function toggleContactInfo() {
var contactDiv = document.getElementById("contact-info");
if (contactDiv.style.display === "none" || contactDiv.style.display ===
"") {
contactDiv.style.display = "block";
} else {
contactDiv.style.display = "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 My Company Greate usage</h1>
<img src="C:\Users\HP\Downloads\my project\pictures\image.jpg" alt="Sample
Image">
<p>This is a grate usage company and its used for the project review.</p>

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


<h2>About Us</h2>
<p><strong>Company Name:</strong> great usage Corporation</p>
<p><strong>Location:</strong> 35 Business Street, jalapuram</p>
<h3>Achievements</h3>
<ul>
<li>Best Startup of the Year 2023</li>
<li>Top 10 Innovative Companies 2024</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 My Website. All rights reserved.
</footer>
</body>
</html>

You might also like