All Sofware Script

<!DOCTYPE html>

<head>

<title>Premium Software - TechPk</title>

<style>

:root {

--primary: #0066ff;

--secondary: #ff3366;

--accent: #00cc99;

--dark: #0f172a;

--light: #f8fafc;

--gray: #94a3b8;

--gradient: linear-gradient(135deg, var(--primary), var(--secondary));

}

* {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

font-family: 'Poppins', sans-serif;

background-color: var(--dark);

color: var(--light);

overflow-x: hidden;

line-height: 1.6;

}

.container {

max-width: 1200px;

margin: 0 auto;

padding: 0 20px;

}

/* Header Styles */

header {

position: fixed;

top: 0;

left: 0;

width: 100%;

z-index: 1000;

padding: 20px 0;

background: rgba(15, 23, 42, 0.95);

backdrop-filter: blur(10px);

box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);

transition: all 0.4s ease;

}

header.scrolled {

padding: 15px 0;

background: rgba(15, 23, 42, 0.98);

}

.header-content {

display: flex;

justify-content: space-between;

align-items: center;

}

.logo {

display: flex;

align-items: center;

gap: 10px;

}

.logo-img {

width: 40px;

height: 40px;

background: var(--gradient);

border-radius: 10px;

display: flex;

align-items: center;

justify-content: center;

}

.logo-text {

font-family: 'Montserrat', sans-serif;

font-weight: 800;

font-size: 24px;

background: linear-gradient(135deg, var(--primary), var(--secondary));

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

nav ul {

display: flex;

list-style: none;

gap: 30px;

}

nav ul li a {

color: var(--light);

text-decoration: none;

font-weight: 500;

font-size: 16px;

transition: all 0.3s ease;

position: relative;

padding: 5px 0;

}

nav ul li a:after {

content: '';

position: absolute;

bottom: 0;

left: 0;

width: 0;

height: 2px;

background: var(--gradient);

transition: width 0.3s ease;

}

nav ul li a:hover:after {

width: 100%;

}

nav ul li a:hover {

color: var(--primary);

}

.header-btns {

display: flex;

gap: 15px;

}

.btn {

padding: 10px 20px;

border-radius: 50px;

font-weight: 600;

font-size: 14px;

text-decoration: none;

transition: all 0.3s ease;

display: inline-flex;

align-items: center;

gap: 8px;

}

.btn-primary {

background: var(--gradient);

color: white;

box-shadow: 0 4px 15px rgba(0, 102, 255, 0.3);

}

.btn-primary:hover {

transform: translateY(-3px);

box-shadow: 0 8px 20px rgba(0, 102, 255, 0.4);

}

.btn-secondary {

background: transparent;

color: var(--light);

border: 2px solid var(--gray);

}

.btn-secondary:hover {

background: rgba(255, 255, 255, 0.1);

border-color: var(--light);

}

/* Hero Section */

.hero {

min-height: 100vh;

display: flex;

align-items: center;

padding: 100px 0 60px;

position: relative;

overflow: hidden;

}

.hero-bg {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: -1;

}

.hero-bg:before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: radial-gradient(circle at 20% 50%, rgba(0, 102, 255, 0.15), transparent 30%),

radial-gradient(circle at 80% 20%, rgba(255, 51, 102, 0.15), transparent 30%);

}

.hero-content {

max-width: 650px;

z-index: 1;

}

.hero-badge {

display: inline-block;

background: rgba(0, 204, 153, 0.15);

color: var(--accent);

padding: 8px 16px;

border-radius: 50px;

font-size: 14px;

font-weight: 500;

margin-bottom: 20px;

animation: pulse 2s infinite;

}

.hero-title {

font-family: 'Montserrat', sans-serif;

font-weight: 800;

font-size: 60px;

line-height: 1.1;

margin-bottom: 20px;

background: linear-gradient(135deg, var(--light), var(--primary));

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

.hero-desc {

font-size: 18px;

color: var(--gray);

margin-bottom: 40px;

}

.hero-cta {

display: flex;

gap: 15px;

flex-wrap: wrap;

}

.btn-lg {

padding: 15px 30px;

font-size: 16px;

}

/* Software Section */

.software-section {

padding: 100px 0;

}

.section-header {

text-align: center;

margin-bottom: 60px;

}

.section-title {

font-family: 'Montserrat', sans-serif;

font-weight: 800;

font-size: 42px;

margin-bottom: 15px;

}

.section-subtitle {

color: var(--gray);

font-size: 18px;

max-width: 600px;

margin: 0 auto;

}

.software-grid {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));

gap: 30px;

}

.software-card {

background: linear-gradient(145deg, #1e293b, #0f172a);

border-radius: 20px;

overflow: hidden;

box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

transition: all 0.4s ease;

position: relative;

border: 1px solid rgba(255, 255, 255, 0.05);

}

.software-card:hover {

transform: translateY(-10px);

box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);

}

.software-card:before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: var(--gradient);

opacity: 0;

transition: opacity 0.4s ease;

z-index: -1;

}

.software-card:hover:before {

opacity: 0.1;

}

.card-header {

padding: 25px 25px 0;

display: flex;

align-items: center;

gap: 15px;

margin-bottom: 15px;

}

.software-icon {

width: 50px;

height: 50px;

border-radius: 12px;

display: flex;

align-items: center;

justify-content: center;

font-size: 20px;

background: var(--gradient);

}

.software-name {

font-family: 'Montserrat', sans-serif;

font-weight: 700;

font-size: 22px;

}

.card-body {

padding: 0 25px 25px;

}

.software-desc {

color: var(--gray);

margin-bottom: 20px;

}

.software-features {

margin-bottom: 25px;

}

.feature {

display: flex;

align-items: center;

gap: 10px;

margin-bottom: 8px;

font-size: 14px;

}

.feature i {

color: var(--accent);

}

.card-footer {

padding: 20px 25px;

background: rgba(0, 0, 0, 0.2);

border-top: 1px solid rgba(255, 255, 255, 0.05);

}

/* More Software Section */

.more-software {

text-align: center;

padding: 80px 0;

background: linear-gradient(to bottom, var(--dark), #0a0f1d);

position: relative;

overflow: hidden;

}

.more-software:before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: radial-gradient(circle at 50% 100%, rgba(0, 102, 255, 0.1), transparent 70%);

}

.more-btn {

display: inline-flex;

align-items: center;

gap: 10px;

padding: 18px 40px;

background: var(--gradient);

color: white;

text-decoration: none;

border-radius: 50px;

font-weight: 700;

font-size: 18px;

transition: all 0.4s ease;

box-shadow: 0 10px 30px rgba(0, 102, 255, 0.3);

position: relative;

overflow: hidden;

z-index: 1;

}

.more-btn:before {

content: '';

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: linear-gradient(135deg, var(--secondary), var(--primary));

opacity: 0;

transition: opacity 0.4s ease;

z-index: -1;

}

.more-btn:hover:before {

opacity: 1;

}

.more-btn:hover {

transform: translateY(-5px) scale(1.05);

box-shadow: 0 15px 40px rgba(0, 102, 255, 0.4);

}

/* Footer */

footer {

background: linear-gradient(to bottom, #0a0f1d, #070a15);

padding: 80px 0 30px;

position: relative;

}

.footer-content {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

gap: 40px;

margin-bottom: 60px;

}

.footer-col h3 {

font-family: 'Montserrat', sans-serif;

font-weight: 700;

font-size: 20px;

margin-bottom: 20px;

background: linear-gradient(135deg, var(--primary), var(--secondary));

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

}

.footer-col ul {

list-style: none;

}

.footer-col ul li {

margin-bottom: 12px;

}

.footer-col ul li a {

color: var(--gray);

text-decoration: none;

transition: all 0.3s ease;

display: inline-flex;

align-items: center;

gap: 8px;

}

.footer-col ul li a:hover {

color: var(--light);

transform: translateX(5px);

}

.footer-col p {

color: var(--gray);

margin-bottom: 20px;

}

.social-icons {

display: flex;

gap: 15px;

}

.social-icons a {

display: flex;

align-items: center;

justify-content: center;

width: 40px;

height: 40px;

background: rgba(255, 255, 255, 0.1);

border-radius: 50%;

color: var(--light);

text-decoration: none;

transition: all 0.3s ease;

}

.social-icons a:hover {

background: var(--gradient);

transform: translateY(-5px);

}

.copyright {

text-align: center;

padding-top: 30px;

border-top: 1px solid rgba(255, 255, 255, 0.05);

font-size: 14px;

color: var(--gray);

}

/* Animations */

@keyframes pulse {

0% { box-shadow: 0 0 0 0 rgba(0, 204, 153, 0.5); }

70% { box-shadow: 0 0 0 10px rgba(0, 204, 153, 0); }

100% { box-shadow: 0 0 0 0 rgba(0, 204, 153, 0); }

}

@keyframes float {

0% { transform: translateY(0px); }

50% { transform: translateY(-10px); }

100% { transform: translateY(0px); }

}

/* Particles */

.particles {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

overflow: hidden;

z-index: -1;

}

.particle {

position: absolute;

border-radius: 50%;

background: linear-gradient(135deg, var(--primary), var(--secondary));

opacity: 0.3;

}

/* Responsive Design */

@media (max-width: 992px) {

.hero-title {

font-size: 48px;

}

.software-grid {

grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}

@media (max-width: 768px) {

.header-content {

flex-direction: column;

gap: 20px;

}

nav ul {

gap: 15px;

flex-wrap: wrap;

justify-content: center;

}

.hero-title {

font-size: 36px;

}

.hero-desc {

font-size: 16px;

}

.hero-cta {

justify-content: center;

}

.section-title {

font-size: 32px;

}

@media (max-width: 576px) {

.btn-lg {

width: 100%;

justify-content: center;

}

.software-grid {

grid-template-columns: 1fr;

}

.footer-content {

grid-template-columns: 1fr;

}

</style>

</head>

<body>

</div>

<div class="logo-text">Premium Softweare Free</div>

</div>

<nav>

<ul>

<li><a href="techpk">Software</a></li>

<li><a href="techpk">Windows</a></li>

<li><a href="techpk">Antivirus</a></li>

<li><a href="techpk">Contact</a></li>

</ul>

</nav>

<i class="fas fa-user"></i> Login

</a>

<i class="fas fa-rocket"></i> Register

</a>

</div>

</header>

<i class="fas fa-star"></i> Premium Software Collection

</span>

<h1 class="hero-title">All Premium Software Without Watermark</h1>

<p class="hero-desc">Get access to the world's best software with full features and no limitations. 100% genuine and safe downloads from TechPk.</p>

<i class="fas fa-download"></i> Explore Software

</a>

<i class="fas fa-crown"></i> Premium Membership

</a>

</div>

</section>

<h2 class="section-title">Featured Software</h2>

<p class="section-subtitle">Download these premium software without any watermark or limitations</p>

</div>

</div>

<h3 class="software-name">Adobe Photoshop</h3>

</div>

<p class="software-desc">The industry-standard image editing software used by photographers and designers worldwide.</p>

<span>No Watermark</span>

</div>

<span>Full Features Unlocked</span>

</div>

<span>Lifetime Activation</span>

</div>

<i class="fas fa-download"></i> Download Now

</a>

</div>

</div>

<h3 class="software-name">Microsoft Office</h3>

</div>

<p class="software-desc">The complete productivity suite including Word, Excel, PowerPoint, and more for all your needs.</p>

<span>No Watermark</span>

</div>

<span>Full Features Unlocked</span>

</div>

<span>Lifetime Activation</span>

</div>

<i class="fas fa-download"></i> Download Now

</a>

</div>

</div>

<h3 class="software-name">Windows OS</h3>

</div>

<p class="software-desc">The world's most popular operating system, now faster, more secure, and with new features.</p>

<span>No Watermark</span>

</div>

<span>Full Features Unlocked</span>

</div>

<span>Lifetime Activation</span>

</div>

<i class="fas fa-download"></i> Download Now

</a>

</div>

</div>

<h3 class="software-name">Filmo 5.0</h3>

</div>

<p class="software-desc">Professional video editing software for film, TV, and web. The perfect tool for content creators.</p>

<span>No Watermark</span>

</div>

<span>Full Features Unlocked</span>

</div>

<span>Lifetime Activation</span>

</div>

<i class="fas fa-download"></i> Download Now

</a>

</div>

</div>

<h3 class="software-name">AutoCAD</h3>

</div>

<p class="software-desc">The leading CAD software for 2D and 3D design and drafting, used by engineers and architects.</p>

<span>No Watermark</span>

</div>

<span>Full Features Unlocked</span>

</div>

<span>Lifetime Activation</span>

</div>

<i class="fas fa-download"></i> Download Now

</a>

</div>

</section>

<h2 class="section-title">Want More Software?</h2>

<p class="section-subtitle">Explore our entire collection of premium software without watermarks</p>

<i class="fas fa-globe"></i> Explore All Software

</a>

</div>

</section>

<h3>Software Categories</h3>

<ul>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Graphics Design</a></li>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Video Editing</a></li>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Office Tools</a></li>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Antivirus</a></li>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Windows OS</a></li>

</ul>

</div>

<h3>Quick Links</h3>

<ul>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> About Us</a></li>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Contact Us</a></li>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Privacy Policy</a></li>

<li><a href="techpk"><i class="fas fa-arrow-right"></i> Terms of Service</a></li>

</ul>

</div>

<h3>Contact Info</h3>

<p>Have questions? Reach out to us anytime.</p>

<ul>

<li><a href="techpk"><i class="fas fa-envelope"></i> support@techpk.org</a></li>

<li><a href="techpkt"><i class="fas fa-map-marker-alt"></i> TechPk Headquarters</a></li>

</ul>

</div>

</div>

</footer>

// Initialize GSAP ScrollTrigger

gsap.registerPlugin(ScrollTrigger);

// Header scroll effect

window.addEventListener('scroll', function() {

const header = document.getElementById('header');

if (window.scrollY > 50) {

header.classList.add('scrolled');

} else {

header.classList.remove('scrolled');

}

});

// Animate elements on scroll

gsap.utils.toArray('.software-card').forEach(card => {

gsap.fromTo(card,

{ y: 50, opacity: 0 },

{

y: 0,

opacity: 1,

duration: 0.8,

scrollTrigger: {

trigger: card,

start: 'top 85%',

toggleActions: 'play none none none'

}

);

});

// Create particles

function createParticles() {

const particlesContainer = document.getElementById('particles');

const particleCount = 50;

for (let i = 0; i < particleCount; i++) {

const particle = document.createElement('div');

particle.classList.add('particle');

const size = Math.random() * 10 + 2;

const posX = Math.random() * 100;

const posY = Math.random() * 100;

const delay = Math.random() * 5;

particle.style.width = `${size}px`;

particle.style.height = `${size}px`;

particle.style.left = `${posX}%`;

particle.style.top = `${posY}%`;

particle.style.animation = `float ${5 + delay}s ease-in-out infinite`;

particle.style.animationDelay = `${delay}s`;

particlesContainer.appendChild(particle);

}

// Initialize animations

document.addEventListener('DOMContentLoaded', function() {

createParticles();

// Animate hero elements

gsap.from('.hero-badge', { duration: 1, y: -20, opacity: 0 });

gsap.from('.hero-title', { duration: 1.2, y: 30, opacity: 0, delay: 0.3 });

gsap.from('.hero-desc', { duration: 1.2, y: 30, opacity: 0, delay: 0.5 });

gsap.from('.hero-cta', { duration: 1.2, y: 30, opacity: 0, delay: 0.7 });

// Button hover effects

const buttons = document.querySelectorAll('.btn');

buttons.forEach(btn => {

btn.addEventListener('mouseenter', function() {

gsap.to(this, { duration: 0.3, scale: 1.05 });

});

btn.addEventListener('mouseleave', function() {

gsap.to(this, { duration: 0.3, scale: 1 });

});

</script>

</body>

</html>

Free Best Themes

Ads Area

All Sofware Script

Top Post Ad

Below Post Ad

Ads Area

Ads Area

Popular Posts

Redirect Link Code For Blogger

Fake Video Player Script For Blogger

Money Management For Students

Join Us Script Paid $15

Age Verification Codes

Contact Us

Contact form

Free Best Themes

Ads Area

All Sofware Script

You may like these posts

Top Post Ad

Below Post Ad

Ads Area

Contact form