Scribd
Upload
40 views10 pages

Via Browser Homepage HTML Code

Uploaded by

raj
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
40 views10 pages

Via Browser Homepage HTML Code

Uploaded by

raj
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/ 10

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ANKOO - Custom Compact Homepage</title>
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.4.0/css/all.min.css">
<style>
/* Basic Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Body Styling */
body {
font-family: Arial, sans-serif;
background: #f0f2f5;
color: #333;
display: flex;
flex-direction: column;
min-height: 100vh;
}

/* Header */
header {
background: #fff;
padding: 15px 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
display: flex;
justify-content: center;
align-items: center;
position: sticky;
top: 0;
z-index: 1000;
}

.logo img {
height: 40px;
}

/* Main Content */
main {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
gap: 15px;
}

/* Section Styling */
.section {
background: #fff;
padding: 15px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
text-align: center;
width: 180px;
}

.section h2 {
font-size: 1em;
margin-bottom: 10px;
text-transform: uppercase;
color: #4285F4;
border-bottom: 2px solid #4285F4;
display: inline-block;
padding-bottom: 5px;
}

/* Links Grid */
.links-grid {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 10px;
}

.links-grid a {
text-decoration: none;
color: #333;
display: flex;
align-items: center;
gap: 8px;
font-size: 14px;
transition: color 0.2s, transform 0.2s;
}

.links-grid a:hover {
color: #4285F4;
transform: translateY(-2px);
}

.links-grid img, .links-grid i {


width: 24px;
height: 24px;
}

/* Responsive Design */
@media (max-width: 768px) {
.section {
width: 100%;
max-width: 300px;
}
}
</style>
</head>
<body>

<!-- Header with Logo -->


<header>
<div class="logo">
<a href="#"><img src="https://via.placeholder.com/150x40?text=ANKOO"
alt="ANKOO Logo"></a>
</div>
</header>

<!-- Main Content -->


<main>
<!-- 1. SOCIAL MEDIA -->
<div class="section">
<h2>SOCIAL MEDIA</h2>
<div class="links-grid">
<a href="https://www.youtube.com" target="_blank">
<i class="fab fa-youtube" style="color: #FF0000;"></i>
YouTube
</a>
<a href="https://www.facebook.com" target="_blank">
<i class="fab fa-facebook-f" style="color: #3b5998;"></i>
Facebook
</a>
<a href="https://www.twitter.com" target="_blank">
<i class="fab fa-twitter" style="color: #1DA1F2;"></i>
Twitter
</a>
<a href="https://www.instagram.com" target="_blank">
<i class="fab fa-instagram" style="color: #C13584;"></i>
Instagram
</a>
<a href="https://www.pinterest.com" target="_blank">
<i class="fab fa-pinterest" style="color: #E60023;"></i>
Pinterest
</a>
<a href="https://www.quora.com" target="_blank">
<i class="fab fa-quora" style="color: #A82400;"></i>
Quora
</a>
</div>
</div>
<!-- 2. EDUCATIONAL -->

<div class="section">
<h2>EDUCATIONAL</h2>
<div class="links-grid">
<a href="https://www.khanacademy.org" target="_blank">
<img src="https://www.khanacademy.org/favicon.ico" alt="Khan
Academy">
Khan Academy
</a>
<a href="https://www.coursera.org" target="_blank">
<img src="https://www.coursera.org/favicon.ico" alt="Coursera">
Coursera
</a>
<a href="https://www.edx.org" target="_blank">
<img src="https://www.edx.org/favicon.ico" alt="edX">
edX
</a>
<a href="https://www.udemy.com" target="_blank">
<img src="https://s.udemycdn.com/favicon.ico?v=1" alt="Udemy">
Udemy
</a>
<a href="https://www.unacademy.com" target="_blank">
<img src="https://www.unacademy.com/favicon.ico" alt="Unacademy">
Unacademy
</a>
<a href="https://www.byjus.com" target="_blank">
<img src="https://www.byjus.com/favicon.ico" alt="BYJU'S">
BYJU'S
</a>
<a href="https://www.vedantu.com" target="_blank">
<img src="https://www.vedantu.com/favicon.ico" alt="Vedantu">
Vedantu
</a>
</div>
</div>

<!-- 3. NEWS -->


<div class="section">
<h2>NEWS</h2>
<div class="links-grid">
<a href="https://www.bbc.com" target="_blank">
<img src="https://www.bbc.com/favicon.ico" alt="BBC">
BBC
</a>
<a href="https://timesofindia.indiatimes.com" target="_blank">
<img src="https://timesofindia.indiatimes.com/favicon.ico" alt="The
Times of India">
The Times of India
</a>
<a href="https://www.hindustantimes.com" target="_blank">
<img src="https://www.hindustantimes.com/favicon.ico" alt="Hindustan
Times">
Hindustan Times
</a>
<a href="https://www.indiatoday.in" target="_blank">
<img src="https://www.indiatoday.in/favicon.ico" alt="India Today">
India Today
</a>
<a href="https://www.cnn.com" target="_blank">
<img src="https://www.cnn.com/favicon.ico" alt="CNN">
CNN
</a>
<a href="https://www.reuters.com" target="_blank">
<img src="https://www.reuters.com/favicon.ico" alt="Reuters">
Reuters
</a>
<a href="https://www.nytimes.com" target="_blank">
<img src="https://www.nytimes.com/favicon.ico" alt="New York
Times">
NY Times
</a>
</div>
</div>

<!-- 4. JOB & EXAM -->


<div class="section">
<h2>JOB & EXAM</h2>
<div class="links-grid">
<a href="https://www.linkedin.com" target="_blank">
<i class="fab fa-linkedin-in" style="color: #0077B5;"></i>
LinkedIn
</a>
<a href="https://www.naukri.com" target="_blank">
<img src="https://www.naukri.com/favicon.ico" alt="Naukri">
Naukri
</a>
<a href="https://www.indeed.com" target="_blank">
<img src="https://www.indeed.com/favicon.ico" alt="Indeed">
Indeed
</a>
<a href="https://www.examresults.com" target="_blank">
<img src="https://www.examresults.com/favicon.ico" alt="Exam
Results">
Exam Results
</a>
</div>
</div>

<!-- 5. COLLEGE -->


<div class="section">
<h2>COLLEGE</h2>
<div class="links-grid">
<a href="http://www.ignou.ac.in/" target="_blank">
<img src="http://www.ignou.ac.in/favicon.ico" alt="IGNOU">
IGNOU
</a>
<a href="http://rcpatna.ignou.ac.in/" target="_blank">
<img src="http://rcpatna.ignou.ac.in/favicon.ico" alt="IGNOU RC
Patna">
IGNOU RC Patna
</a>
<a href="https://nimcet.admissions.nic.in/" target="_blank">
<img src="https://nimcet.admissions.nic.in/favicon.ico"
alt="NIMCET">
NIMCET
</a>
<a href="https://pgcuet.samarth.ac.in/" target="_blank">
<img src="https://pgcuet.samarth.ac.in/favicon.ico" alt="CUET
PG MCA">
CUET PG MCA
</a>
<a href="https://iimcat.ac.in/" target="_blank">
<img src="https://iimcat.ac.in/favicon.ico" alt="CAT">
CAT
</a>
</div>
</div>

<!-- 6. GOVERNMENT IMPORTANT SITES -->


<div class="section">
<h2>GOVERNMENT IMPORTANT SITES</h2>
<div class="links-grid">
<a href="https://upsc.gov.in/" target="_blank">
<img src="https://upsc.gov.in/images/favicon.ico" alt="UPSC">
UPSC
</a>
<a href="https://www.bpsc.bih.nic.in/" target="_blank">
<img src="https://www.bpsc.bih.nic.in/favicon.ico" alt="BPSC">
BPSC
</a>
<a href="https://www.nta.ac.in/" target="_blank">
<img src="https://www.nta.ac.in/favicon.ico" alt="NTA">
NTA
</a>
<a href="https://ssc.gov.in/" target="_blank">
<img src="https://ssc.gov.in/favicon.ico" alt="SSC">
SSC
</a>
<a href="https://www.rrbapply.gov.in/" target="_blank">
<img src="https://www.rrbapply.gov.in/favicon.ico"
alt="Railway">
Railway
</a>
<a href="https://web.umang.gov.in/" target="_blank">
<img src="https://web.umang.gov.in/favicon.ico" alt="Aadhar">
Umang
</a>
<!-- Add more government sites as needed -->
</div>
</div>

<!-- 7. ENTERTAINMENT -->


<div class="section">
<h2>ENTERTAINMENT</h2>
<div class="links-grid">
<a href="https://www.netflix.com" target="_blank">
<img src="https://www.netflix.com/favicon.ico" alt="Netflix">
Netflix
</a>
<a href="https://www.hulu.com" target="_blank">
<img src="https://www.hulu.com/favicon.ico" alt="Hulu">
Hulu
</a>
<a href="https://www.imdb.com" target="_blank">
<img src="https://www.imdb.com/favicon.ico" alt="IMDb">
IMDb
</a>
<a href="https://www.rottentomatoes.com" target="_blank">
<img src="https://www.rottentomatoes.com/favicon.ico"
alt="Rotten Tomatoes">
Rotten Tomatoes
</a>
<a href="https://www.hotstar.com" target="_blank">
<img src="https://www.hotstar.com/favicon.ico" alt="Hotstar">
Hotstar
</a>
<a href="https://www.primevideo.com" target="_blank">
<img src="https://www.amazon.com/favicon.ico" alt="Amazon Prime Video">
Amazon Prime Video
</a>
</div>
</div>

<!-- 8. MUSIC -->


<div class="section">
<h2>MUSIC</h2>
<div class="links-grid">
<a href="https://www.spotify.com" target="_blank">
<img src="https://www.spotify.com/favicon.ico" alt="Spotify">
Spotify
</a>
<a href="https://www.apple.com/apple-music/" target="_blank">
<img src="https://www.apple.com/favicon.ico" alt="Apple Music">
Apple Music
</a>
<a href="https://www.soundcloud.com" target="_blank">
<img src="https://soundcloud.com/favicon.ico" alt="SoundCloud">
SoundCloud
</a>
<a href="https://www.bandcamp.com" target="_blank">
<img src="https://bandcamp.com/favicon.ico" alt="Bandcamp">
Bandcamp
</a>
</div>
</div>

<!-- 9. GAME -->


<div class="section">
<h2>GAME</h2>
<div class="links-grid">
<a href="https://www.steampowered.com" target="_blank">
<img src="https://store.steampowered.com/favicon.ico"
alt="Steam">
Steam
</a>
<a href="https://www.epicgames.com/store/en-US/" target="_blank">
<img src="https://www.epicgames.com/favicon.ico" alt="Epic
Games">
Epic Games
</a>
<a href="https://www.origin.com" target="_blank">
<img src="https://www.origin.com/favicon.ico" alt="Origin">
Origin
</a>
<a href="https://www.gog.com" target="_blank">
<img src="https://www.gog.com/favicon.ico" alt="GOG">
GOG
</a>
</div>
</div>

<!-- 10. TOOLS -->


<div class="section">
<h2>TOOLS</h2>
<div class="links-grid">
<a href="https://github.com" target="_blank">
<i class="fab fa-github" style="color: #333;"></i>
GitHub
</a>
<a href="https://stackoverflow.com" target="_blank">
<i class="fab fa-stack-overflow" style="color: #F48024;"></i>
Stack Overflow
</a>
<a href="https://www.google.com" target="_blank">
<i class="fab fa-google" style="color: #4285F4;"></i>
Google
</a>
<a href="https://www.dropbox.com" target="_blank">
<i class="fab fa-dropbox" style="color: #007EE5;"></i>
Dropbox
</a>
<a href="https://openai.com" target="_blank">
<img src="https://openai.com/favicon.ico" alt="OpenAI">
OpenAI
</a>
<a href="https://www.ibm.com/watson" target="_blank">
<img src="https://www.ibm.com/favicon.ico" alt="IBM Watson">
IBM Watson
</a>
<a href="https://www.google.com/ai" target="_blank">
<img src="https://www.google.com/favicon.ico" alt="Google AI">
Google AI
</a>
<a href="https://azure.microsoft.com/en-us/services/cognitive-
services/" target="_blank">
<img src="https://azure.microsoft.com/favicon.ico" alt="Azure
AI">
Azure AI
</a>
</div>
</div>

<!-- 11. HEALTH & FITNESS -->


<div class="section">
<h2>HEALTH & FITNESS</h2>
<div class="links-grid">
<a href="https://www.fittr.com" target="_blank">
<img src="https://www.fittr.com/favicon.ico" alt="Fittr">
Fittr
</a>
<a href="https://www.healthifyme.com" target="_blank">
<img src="https://www.healthifyme.com/favicon.ico" alt="HealthifyMe">
HealthifyMe
</a>
<a href="https://www.cure.fit" target="_blank">
<img src="https://www.cure.fit/favicon.ico" alt="Cure.fit">
Cure.fit
</a>
</div>
</div>

<!-- 12. SHOPPING -->


<div class="section">
<h2>SHOPPING</h2>
<div class="links-grid">
<a href="https://www.amazon.in" target="_blank">
<img src="https://www.amazon.in/favicon.ico" alt="Amazon India">
Amazon India
</a>
<a href="https://www.flipkart.com" target="_blank">
<img src="https://www.flipkart.com/favicon.ico" alt="Flipkart">
Flipkart
</a>
<a
href="https://www.shopsy.in/" target="_blank">
<img src="https://www.shopsy.in/favicon.ico" alt="Shopsy">
Shopsy
</a>
<a href="https://www.meesho.com" target="_blank">
<img src="https://www.meesho.com/favicon.ico" alt="Meesho">
Meesho
</a>
<a href="https://www.myntra.com" target="_blank">
<img src="https://www.myntra.com/favicon.ico" alt="Myntra">
Myntra
</a>
<a href="https://www.shopclues.com" target="_blank">
<img src="https://www.shopclues.com/favicon.ico" alt="ShopClues">
ShopClues
</a>
<a href="https://www.snapdeal.com" target="_blank">
<img src="https://www.snapdeal.com/favicon.ico" alt="Snapdeal">
Snapdeal
</a>
<a href="https://www.olx.in" target="_blank">
<img src="https://www.olx.in/favicon.ico" alt="OLX">
OLX
</a>
<a href="https://www.firstcry.com" target="_blank">
<img src="https://www.firstcry.com/favicon.ico" alt="Firstcry">
Firstcry
</a>
</div>
</div>

<!-- 13. FOOD DELIVERY -->


<div class="section">
<h2>FOOD DELIVERY</h2>
<div class="links-grid">
<a href="https://www.zomato.com" target="_blank">
<img src="https://www.zomato.com/favicon.ico" alt="Zomato">
Zomato
</a>
<a href="https://www.swiggy.com" target="_blank">
<img src="https://www.swiggy.com/favicon.ico" alt="Swiggy">
Swiggy
</a>
<a href="https://www.dominos.co.in" target="_blank">
<img src="https://www.dominos.co.in/favicon.ico" alt="Domino's">
Domino's
</a>
</div>
</div>

<!-- 14. TRAVEL & HOTEL -->


<div class="section">
<h2>TRAVEL & HOTEL</h2>
<div class="links-grid">
<a href="https://www.makemytrip.com" target="_blank">
<img src="https://www.makemytrip.com/favicon.ico" alt="MakeMyTrip">
MakeMyTrip
</a>
<a href="https://www.cleartrip.com" target="_blank">
<img src="https://www.cleartrip.com/favicon.ico" alt="Cleartrip">
Cleartrip
</a>
<a href="https://www.oyorooms.com" target="_blank">
<img src="https://www.oyorooms.com/favicon.ico" alt="OYO Rooms">
OYO Rooms
</a>
<a href="https://www.goibibo.com" target="_blank">
<img src="https://www.goibibo.com/favicon.ico" alt="Goibibo">
Goibibo
</a>
<a href="https://www.trivago.in" target="_blank">
<img src="https://www.trivago.in/favicon.ico" alt="Trivago">
Trivago
</a>
<a href="https://www.yatra.com" target="_blank">
<img src="https://www.yatra.com/favicon.ico" alt="Yatra">
Yatra
</a>
<a href="https://www.airbnb.co.in" target="_blank">
<img src="https://www.airbnb.co.in/favicon.ico" alt="Airbnb">
Airbnb
</a>
<a href="https://www.redbus.in" target="_blank">
<img src="https://www.redbus.in/favicon.ico" alt="RedBus">
RedBus
</a>
<a href="https://www.irctc.co.in" target="_blank">
<img src="https://www.irctc.co.in/favicon.ico" alt="IRCTC">
IRCTC
</a>
</div>
</div>

<!-- Add more sections here by duplicating the above div.section block -->
</main>

<!-- Footer -->


<footer>
&copy; 2024 ANKOO. All rights reserved.
</footer>

<!-- JavaScript for Search Functionality (Removed as per User Request) -->
<!--
<script>
function performSearch(event) {
event.preventDefault(); // Prevent form submission
const query = document.getElementById('search_input').value.trim();
if (query !== "") {
// Redirect to Google Search
const searchURL = `https://www.google.com/search?q=$
{encodeURIComponent(query)}`;
window.open(searchURL, '_blank');
document.getElementById('search_input').value = "";
}
}
</script>
-->

</body>
</html>

You might also like