Skip to content

Commit

Permalink
first commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@vaibhavvext
vaibhavvext committed Feb 16, 2024
0 parents commit 1b33ed2
Show file tree
Hide file tree
Showing 18 changed files with 1,637 additions and 0 deletions.
96 changes: 96 additions & 0 deletions aboutus.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Navy World</title>
<style>
/* Dark-themed background */
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-image: url('https://wallpaperaccess.com/full/6348302.jpg'); /* Set the path to your background image */
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: #fff; /* Light text color */
text-align: center;
}

/* Header Styles */
header {
background-color: rgba(0, 31, 63, 0.7); /* Semi-transparent dark blue header background */
padding: 20px;
font-size: 24px;
}

/* About Us Content Styles */
.about-us-content {
margin-top: 20px;
padding: 20px;
background-color: rgba(0, 31, 63, 0.7); /* Semi-transparent dark blue background */
border-radius: 10px;
}

.about-us-content h2 {
color: #fff; /* Light text color */
}

.about-us-paragraph {
text-align: left;
margin: 20px 0;
}

/* Links to Homepage and Navy Game Styles */
.nav-links {
margin-top: 20px;
}

.nav-links a {
text-decoration: none;
color: #0074d9; /* Link color */
font-size: 18px;
margin: 0 20px;
transition: color 0.3s;
}

.nav-links a:hover {
color: #00a0ff; /* Hover color */
}

/* Footer Styles */
footer {
background-color: rgba(0, 31, 63, 0.7); /* Semi-transparent dark blue footer background */
padding: 20px;
bottom: 0;
font-size: 16px;
}
</style>
</head>
<body>
<!-- Header -->
<header>
<h1>About Us - Navy World</h1>
</header>

<!-- About Us Content -->
<div class="about-us-content">
<h2>The navies from ASIA top countries</h2>
<div class="about-us-paragraph">
<p>Welcome to Navy World! We are passionate about sharing information about the navies of different countries, including Russia, India, and China. Our website allows you to explore various navy ships, learn about their capabilities, and even play a thrilling navy game after logging in.</p>
</div>

<!-- Links to Homepage and Navy Game -->
<div class="nav-links">
<a href="navyy.html">Go to Homepage</a>
<a href="navyy.html">Play Navy Game by registering</a>
</div>
</div>

<!-- Footer -->
<footer>
<p>&copy; 2023 Navy World</p>
</footer>
</body>
</html>
Binary file added car1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added car2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added car3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added car4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
218 changes: 218 additions & 0 deletions china.html

Large diffs are not rendered by default.

105 changes: 105 additions & 0 deletions contactus.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us</title>
<style>
/* Dark-themed background */
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-color: #111; /* Dark background color */
color: #fff; /* Light text color */
text-align: center;
}

/* Header Styles */
header {
background-color: #001f3f; /* Dark blue header background */
padding: 20px;
font-size: 24px;
}

/* Contact Info Styles */
.contact-info {
margin-top: 50px;
padding: 20px;
}

.contact-info h2 {
color: #fff; /* Light text color */
}

.contact-links {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20px;
}

.contact-links a {
text-decoration: none;
color: #0074d9; /* Link color */
font-size: 18px;
transition: color 0.3s, transform 0.3s;
margin: 10px 0;
background-color: #001f3f; /* Dark blue background */
padding: 10px 20px;
border-radius: 5px;
}

.contact-links a:hover {
color: #00a0ff; /* Hover color */
transform: scale(1.1); /* Hover zoom effect */
}

/* Footer Styles */
footer {
background-color: #001f3f;
padding: 20px;
font-size: 16px;
}

/* Background Image Styles */
.background-image {
background-image: url('https://e0.pxfuel.com/wallpapers/912/989/desktop-wallpaper-top-gun-maverick-top-gun-2.jpg'); /* Set the path to your background image */
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2; /* Adjust the background image opacity as needed */
z-index: -1;
}
</style>
</head>
<body>
<!-- Background Image -->
<div class="background-image"></div>

<!-- Header -->
<header>
<h1>Contact Us</h1>
</header>

<!-- Contact Information -->
<div class="contact-info">
<h2>Contact Information</h2>
<div class="contact-links">
<a href="mailto:[email protected]">Email: [email protected]</a>
<a href="https://www.linkedin.com/in/shiv-sharma-84606b256" target="_blank">LinkedIn Profile</a>
<a href="navyy.html" target="_blank">Website</a>
</div>
</div>

<!-- Footer -->
<footer>
<p>&copy; 2023 Navy World</p>
</footer>
</body>
</html>
91 changes: 91 additions & 0 deletions fjwebsite1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Navy World</title>
<style>
/* Global */
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-image: url('https://www.technocrazed.com/wp-content/uploads/2015/12/navy-wallpaper_464.jpg');
background-size: cover;
background-repeat: repeat;
background-position: center center;
background-color: #111; /* Dark background*/
color: #fff; /* Light text color */
text-align: center;
}

/* Header Styles */
header {
background-color: #001f3f; /* Darkblue */
padding: 20px;
font-size: 24px;
}

/* Navigation Styles */
nav ul {
list-style-type: none;
padding: 0;
background-color: #001f3f;
}

nav ul li {
display: inline;
margin-right: 20px;
}

nav a {
color: #fff;
text-decoration: none;
font-size: 18px;
transition: color 0.3s;
}

nav a:hover {
color: #0074d9; /* Hover color */
}

/* Main Content Styles */
main {
padding: 20px;
}

/* Footer Styles */
footer {
background-color: #001f3f; /* Dark blue footer background */
padding: 10px 0;
color: #fff; /* Light text color */
text-align: center;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<header>
<h1>Welcome to Navy World</h1>
</header>
<nav>
<ul>
<!-- Country links (Add more as needed) -->
<li><a href="russia.html">Russian Navy</a></li>
<li><a href="india.html">Indian Navy</a></li>
<li><a href="china.html">Chinese Navy</a></li>
<li><a href="gamegit.html">Navy Game</a></li>

</ul>
</nav>
<main>
<h2>Select a country to explore its navy:</h2>
<!-- Add more content here -->
</main>
<footer>
<p>Made by shiv Sharma, Marwadi University Web Technology Project</p>
</footer>
</body>
</html>
Loading

0 comments on commit 1b33ed2

Please sign in to comment.