derfr

BikeWorld :root { --primary-color: #ff3c00; --secondary-color: #fff; --highlight-color: #1877F2; --dropdown-bg: #000; --dropdown-hover: #ff3c00; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Roboto', sans-serif; background: #FF5F1F; } header { width: 100%; background: url('https://www.transparenttextures.com/patterns/carbon-fibre-v2.png'), linear-gradient(135deg, #0d0d0d, #1f1f1f, #333); background-blend-mode: overlay; background-size: cover; padding: 15px 50px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.8); flex-wrap: wrap; } .logo { font-size: 28px; font-weight: bold; color: var(--primary-color); text-transform: uppercase; } nav { display: flex; align-items: center; gap: 40px; } .nav-links { display: flex; align-items: center; gap: 40px; } .nav-links > div, .nav-links > a { position: relative; } .nav-links a { color: var(--secondary-color); text-decoration: none; font-size: 18px; padding: 5px 0; transition: 0.3s; } .nav-links a::after { content: ""; display: block; height: 2px; width: 0; background: var(--primary-color); transition: 0.3s; margin-top: 5px; } .nav-links a:hover::after { width: 100%; } .nav-links a:hover { color: var(--primary-color); } /* Dropdown Content */ .dropdown-content { display: none; position: absolute; top: 40px; left: 0; background: var(--dropdown-bg); min-width: 180px; flex-direction: column; box-shadow: 0 4px 8px rgba(0,0,0,0.8); border-radius: 5px; z-index: 999; } .dropdown-content a { padding: 12px 16px; font-size: 16px; color: var(--secondary-color); text-decoration: none; transition: background-color 0.3s; } .dropdown-content a:hover { background-color: var(--dropdown-hover); } .dropdown:hover .dropdown-content { display: flex; } .social-icons { display: flex; align-items: center; gap: 15px; } .social-icons a { color: var(--secondary-color); font-size: 20px; transition: 0.3s; position: relative; } .social-icons a::after { content: ""; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 0; height: 3px; background-color: currentColor; transition: 0.3s; } .social-icons a:hover::after { width: 20px; } /* Social icon hover colors */ .social-icons a.facebook:hover { color: #1877F2; } .social-icons a.whatsapp:hover { color: #25D366; } .social-icons a.instagram:hover { color: #E1306C; } .social-icons a.twitter:hover { color: #1DA1F2; } .social-icons a.youtube:hover { color: #FF0000; } .social-icons a.pinterest:hover { color: #E60023; } .social-icons a.gmail:hover { color: #D44638; } /* Hover effects on nav links */ .nav-links a.home:hover { color: var(--highlight-color); } .nav-links a.about:hover { color: #25D366; } .nav-links a.bikes:hover { color: #E1306C; } .nav-links a.weapon:hover { color: #1DA1F2; } .nav-links a.gallery:hover { color: #FF0000; } .nav-links a.contact:hover { color: #E60023; } /* Responsive */ .menu-toggle { display: none; flex-direction: column; cursor: pointer; } .menu-toggle div { width: 30px; height: 3px; background: var(--secondary-color); margin: 5px 0; } @media (max-width: 768px) { nav { flex-direction: column; align-items: flex-start; } .nav-links { flex-direction: column; gap: 20px; } .social-icons { margin-top: 15px; } .menu-toggle { display: flex; } nav, .nav-links, .social-icons { display: none; } nav.active, nav.active .nav-links, nav.active .social-icons { display: flex; } .dropdown-content { position: static; box-shadow: none; } }

BikeWorld

// Change theme every 5 seconds (for demonstration) setInterval(changeColorTheme, 5000);

Monday, April 28, 2025

WAR

"Customize" کے نیچے "Edit HTML" پر کلک کریں۔
ڈاؤن لوڈ کردہ HTML ٹیمپلیٹ کا کوڈ یہاں پیسٹ کریں۔
"Save" پر کلک کریں۔

✅ AdSense کی منظوری کے لیے تجاویز

محتوا: مفید اور اصل مواد فراہم کریں۔
ڈیزائن: صاف ستھرا اور صارف دوست ڈی

saDERAS

📌 اسے Blogger میں لگانے کا طریقہ:

Blogger میں جائیں → Theme پر کلک کریں
"Customize" کے نیچے "Edit HTML" پر کلک کریں
جو HTML اوپر دی گئی ہے اسے مکمل کاپی کر کے وہاں پیسٹ کریں
Save پر کلک کریں

اگر آپ چاہتے ہیں کہ میں اس ٹیمپلیٹ میں آپ کا لوگو، ایڈسینس

new

awesdr

gtyu

'hgijk

hgujol

yu8gik
yu7lgo,. b

]9[uggb8i]9]h\]

k

k

k

k

k

k

k

j]o0p]

poi]

op]

'

hio['

Subscribe to: Posts (Atom)