Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

change name,change style.css,logo insta,facebook, twitter show to output #423

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added paras/public/11151414.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
47 changes: 39 additions & 8 deletions paras/public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -75,6 +75,10 @@
font-size: 30px; /* Smaller heading for smaller screens */
}
}
.root{
background-color: rgb(255, 132, 0);
}

</style>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
Expand All @@ -91,11 +95,25 @@
Learn how to configure a non-root public URL by running `npm run build`.
-->

<title>TIC TAC TOE</title>
<title>𝒩𝑜𝓊𝑔𝒽𝓉𝓈 𝒶𝓃𝒹 𝒸𝓇𝑜𝓈𝓈𝑒𝓈</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<div class="root"id="root">Let’s examine the requirements for a 𝒩𝑜𝓊𝑔𝒽𝓉𝓈 𝒶𝓃𝒹 𝒸𝓇𝑜𝓈𝓈𝑒𝓈 game:
<br>

1:The game board should be adaptable in size, starting with the standard 3x3 grid but allowing for customization to an ‘n’ size grid.
<br>
2:The game should support multiple players, with each player having the freedom to select their preferred symbol,
<br>which can be ‘X,’ ‘O,’ or any other character.
<br>
3:The game must provide a mechanism to determine a winner, <br>

where one player successfully forms a winning combination,
or it should be able to identify a tie when no more moves are possible.

<img src="tic-tac-toe.png" height="150px" width="150px" alt="Description of the image" style="float: left;"/>
</div>

<div class="follow-us">
<a href="mailto:[email protected]" target="_blank">
Expand Down Expand Up @@ -179,12 +197,25 @@
<div class="button-container">
<a href="voting_system.html" class="voting-button">Voting System</a>
</div>
<p>&copy; 2024 Tic-Tac-Toe Game</p>
<ul class="social-links">
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
<p>&copy; 2024 𝒩𝑜𝓊𝑔𝒽𝓉𝓈 𝒶𝓃𝒹 𝒸𝓇𝑜𝓈𝓈𝑒𝓈</p>




<div class="follow-us">
<a href="mailto:[email protected]" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/732/732200.png" alt="Email Logo" />
</a>
<a href="https://x.com/iamparas0" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/733/733579.png" alt="Twitter Logo" />
</a>
<a href="https://www.linkedin.com/in/iamparas0/" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/174/174857.png" alt="LinkedIn Logo" />
</a>
<a href="https://www.instagram.com/iamparas.0/" target="_blank">
<img src="https://cdn-icons-png.flaticon.com/512/174/174855.png" alt="Instagram Logo" />
</a>
</div>
</div>
</footer>
</body>
Expand Down
Binary file not shown.
16 changes: 10 additions & 6 deletions paras/public/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,7 @@ nav {
}

.nav-container {
background-color: var(--primary-color);
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
Expand All @@ -33,6 +34,7 @@ nav {
}

nav h1 {

color: white;
font-size: 1.5rem;
}
Expand Down Expand Up @@ -65,11 +67,12 @@ nav a.active {
}

.card {
background: var(--card-color);
background-color: var(--accent-color);

border-radius: 8px;
padding: 1.5rem;
margin-bottom: 1.5rem;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
box-shadow: 0 2px 4px rgba(246, 57, 57, 0.1);
}

.feature-grid {
Expand Down Expand Up @@ -121,22 +124,23 @@ nav a.active {
padding: 0.5rem 1rem;
border: none;
border-radius: 4px;
background-color: var(--secondary-color);
color: white;
background-color: rgb(139, 75, 51);
color: rgb(0, 0, 0);
cursor: pointer;
transition: background-color 0.3s;
}

.vote-btn:hover {
background-color: #2980b9;
background-color: #f50606;
}

.vote-btn:disabled {
background-color: #bdc3c7;
background-color: #03aef1;
cursor: not-allowed;
}

.vote-count {

font-weight: bold;
color: var(--primary-color);
}
Expand Down
Binary file added paras/public/tic-tac-toe.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions paras/public/voting_system.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,13 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tic Tac Toe - Community Voting</title>
<title>𝒩𝑜𝓊𝑔𝒽𝓉𝓈 𝒶𝓃𝒹 𝒸𝓇𝑜𝓈𝓈𝑒𝓈 - 𝒞𝑜𝓂𝓂𝓊𝓃𝒾𝓉𝓎 𝒱𝑜𝓉𝒾𝓃𝑔</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav>
<div class="nav-container">
<h1>Tic Tac Toe Community</h1>
<h1>𝒩𝑜𝓊𝑔𝒽𝓉𝓈 𝒶𝓃𝒹 𝒸𝓇𝑜𝓈𝓈𝑒𝓈 𝒞𝑜𝓂𝓂𝓊𝓃𝒾𝓉𝓎 </h1>
<ul>
<li><a href="index.html" data-page="home">Home</a></li>
<li><a href="#features" data-page="features">Game Features</a></li>
Expand Down