Skip to content

update twitter social icon to x in Footer #114

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.

Sign up for GitHub

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

Open
freedompraise wants to merge 1 commit into
base: main
Choose a base branch
from
Open

update twitter social icon to x in Footer #114

Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
156 changes: 92 additions & 64 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,79 +1,107 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tech Creators — Best tech twitter creators, across the world.</title>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="assets/favicon.png"
/>
<link rel="stylesheet" href="styles/index.css" />
<link
rel="stylesheet"
type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
/>
<script
src="https://kit.fontawesome.com/9bd09bfeae.js"
crossorigin="anonymous"
></script>
</head>

<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tech Creators — Best tech twitter creators, across the world.</title>
<link rel="icon" type="image/png" sizes="192x192" href="assets/favicon.png">
<link rel="stylesheet" href="styles/index.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<script src="https://kit.fontawesome.com/9bd09bfeae.js" crossorigin="anonymous"></script>
</head>

<body>
<nav>
<div></div>
<div class="input-div">

<input type="text" class="search-input" placeholder="Search for profile..." />
<div class="search-icon-container">
<img src="/assets/search.svg" alt="Search icon" />
</div>

</div>

<div class="img-div">
<div class="rounded background-sun">
<i class="fa-solid fa-sun"></i>
<body>
<nav>
<div></div>
<div class="input-div">
<input
type="text"
class="search-input"
placeholder="Search for profile..."
/>
<div class="search-icon-container">
<img src="/assets/search.svg" alt="Search icon" />
</div>
</div>

<a class="twitter-img" href="https://twitter.com/pushkaraj2007" target="_blank" rel="noopener noreferrer">
<img src="/assets/X_Logo.png" alt="Twitter logo" />
</a>
<div class="img-div">
<div class="rounded background-sun">
<i class="fa-solid fa-sun"></i>
</div>

<a href="https://github.com/pushkaraj2007/TechCreators" target="_blank" rel="noopener noreferrer">
<img class="github-img" src="/assets/github.png" alt="GitHub logo" />
</a>
<a
class="twitter-img"
href="https://twitter.com/pushkaraj2007"
target="_blank"
rel="noopener noreferrer"
>
<img src="/assets/X_Logo.png" alt="Twitter logo" />
</a>

</div>
</nav>
<a
href="https://github.com/pushkaraj2007/TechCreators"
target="_blank"
rel="noopener noreferrer"
>
<img class="github-img" src="/assets/github.png" alt="GitHub logo" />
</a>
</div>
</nav>

<div class="container">
<div class="all-profiles-div"></div>
<div class="no-profile-div">
<p>No profile to show</p>
<div class="container">
<div class="all-profiles-div"></div>
<div class="no-profile-div">
<p>No profile to show</p>
</div>
</div>
</div>

<footer class="footer">
<div class="footer-container">
<div class="row">
<!-- Add a "Contact Us" section here -->
<div class="footer-col">
<h4>Contact Us</h4>
<ul>
<li><p>Email: <a href="https://mail.google.com/mail/?view=cm&fs=1&to=contact@example.com">contact@example.com</a></p></li>
<li><p>Phone: +1 (123) 456-7890</p></li>
</ul>
</div>
<footer class="footer">
<div class="footer-container">
<div class="row">
<!-- Add a "Contact Us" section here -->
<div class="footer-col">
<h4>Contact Us</h4>
<ul>
<li>
<p>
Email:
<a
href="https://mail.google.com/mail/?view=cm&fs=1&to=contact@example.com"
>contact@example.com</a
>
</p>
</li>
<li><p>Phone: +1 (123) 456-7890</p></li>
</ul>
</div>

<div class="footer-col">
<h4>Follow Us</h4>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
<div class="footer-col">
<h4>Follow Us</h4>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-x"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin"></i></a>
<a href="#"><i class="fab fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
</footer>

<script src="scripts/app.js"></script>
</body>
</footer>

</html>
<script src="scripts/app.js"></script>
</body>
</html>