Are you searching for the best video editor for mobile in 2025? Whether you are a YouTuber, content creator, or someone who just loves making videos, mobile video editing apps can help you create amazing content anywhere, anytime. 📸✨
In this article, we’ll explore the top mobile video editor apps that are powerful, easy to use, and perfect for beginners and professionals. 🎞️
📌 Why Choose a Mobile Video Editor?
Mobile video editing apps are:
✅ Easy to use
✅ Fast and portable
✅ Packed with powerful features
✅ Perfect for TikTok, YouTube Shorts, Instagram Reels, and more
Let’s dive into the top mobile video editing apps of 2025!
1️⃣ KineMaster – All-in-One Editor 🎥
Best For: Beginners & Advanced Editors
KineMaster is one of the most popular video editors for Android and iOS. It offers layer-based editing, green screen effects, transitions, speed control, and more.
🔹 Key Features:
-
Multi-layer timeline
-
Built-in transitions and effects
-
Voiceovers and music
-
4K video export
-
Easy trimming and cropping
🎯 Best For: Vlogs, tutorials, gaming videos, and cinematic edits.
2️⃣ CapCut – Free & Powerful ✂️
Best For: Social Media Creators
CapCut, by the makers of TikTok, is a free app packed with AI tools, trending templates, and advanced effects. It's great for making eye-catching videos for social media.
🔹 Key Features:
-
AI background remover
-
Auto captions
-
Filters, transitions, and stickers
-
Built-in music and effects
-
Speed curve and slow motion
💡 Tip: Perfect for TikTok, Instagram, and YouTube Shorts.
3️⃣ InShot – Simple & Stylish 🎶
Best For: Quick Edits & Daily Videos
InShot is a favorite for those who want a simple but powerful editor. It supports both video and photo editing with many stylish effects.
🔹 Key Features:
-
Trim, cut, split, and merge clips
-
Add text, emoji, and stickers
-
Filters and transitions
-
Video speed adjustment
-
Supports multiple aspect ratios (9:16, 16:9, etc.)
🎉 Great for: Stories, daily vlogs, and family videos.
4️⃣ VN Video Editor – Professional & Free 🆓
Best For: Content Creators on a Budget
VN Video Editor offers pro-level editing tools for free. Its interface is clean, and you can work on complex projects easily.
🔹 Key Features:
-
Multi-track editing
-
Keyframe animations
-
Custom export settings
-
Transitions and effects
-
No watermark (even in free version)
🎬 Perfect for: YouTubers, vloggers, and short film makers.
5️⃣ Adobe Premiere Rush – Trusted by Professionals 🎞️
Best For: Adobe Users
Adobe Premiere Rush is a light version of Premiere Pro, designed for mobile. It syncs projects to your desktop and lets you edit across devices.
🔹 Key Features:
-
Multi-device sync
-
Color correction tools
-
Built-in templates
-
Direct export to YouTube & TikTok
-
Cloud backup
⚙️ Best for: Those who already use Adobe tools.
🌟 Final Thoughts
Each video editing app has its unique strengths.
💬 Final Words
The best video editor for mobile is the one that fits your style, goals, and workflow. Start with a free one like CapCut or VN, and upgrade later if needed.
👉 Don’t wait—start editing your story today!
HTML Script
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Premium Video Editors - LIMITED TIME FREE OFFER</title>
<style>
:root {
--primary-black: #121212;
--secondary-black: #1e1e1e;
--accent-red: #e63946;
--accent-green: #2a9d8f;
--text-white: #f8f9fa;
--text-gray: #adb5bd;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: var(--primary-black);
color: var(--text-white);
line-height: 1.6;
}
/* Header Styles */
header {
background-color: var(--secondary-black);
padding: 1.5rem 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
position: sticky;
top: 0;
z-index: 100;
}
.header-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 2rem;
}
.logo {
display: flex;
align-items: center;
gap: 10px;
}
.logo img {
height: 40px;
}
.logo h1 {
font-size: 1.8rem;
background: linear-gradient(to right, var(--accent-red), var(--accent-green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-weight: 700;
}
nav ul {
display: flex;
list-style: none;
gap: 2rem;
}
nav a {
color: var(--text-white);
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
position: relative;
}
nav a:hover {
color: var(--accent-green);
}
nav a::after {
content: '';
position: absolute;
width: 0;
height: 2px;
bottom: -5px;
left: 0;
background-color: var(--accent-green);
transition: width 0.3s ease;
}
nav a:hover::after {
width: 100%;
}
/* Hero Section */
.hero {
background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1611162617213-7d7a39e9b1d7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1074&q=80');
background-size: cover;
background-position: center;
height: 80vh;
display: flex;
align-items: center;
text-align: center;
position: relative;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
padding: 0 2rem;
animation: fadeInUp 1s ease;
}
.hero h2 {
font-size: 3rem;
margin-bottom: 1.5rem;
background: linear-gradient(to right, var(--accent-red), var(--accent-green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-weight: 700;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 2rem;
color: var(--text-gray);
}
.offer-badge {
display: inline-block;
background-color: var(--accent-red);
color: white;
padding: 0.5rem 1.5rem;
border-radius: 50px;
font-weight: 700;
margin-bottom: 1.5rem;
animation: pulse 2s infinite;
text-transform: uppercase;
font-size: 0.9rem;
letter-spacing: 1px;
}
.cta-button {
display: inline-block;
background: linear-gradient(45deg, var(--accent-red), var(--accent-green));
color: white;
padding: 0.8rem 2rem;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(234, 57, 70, 0.4);
}
.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(234, 57, 70, 0.6);
}
/* Timer Section */
.timer-section {
background-color: var(--secondary-black);
padding: 2rem 0;
text-align: center;
}
.timer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
.timer-box {
background: linear-gradient(135deg, var(--secondary-black), #2a2a2a);
border-radius: 10px;
padding: 1.5rem;
display: inline-block;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.timer-title {
font-size: 1.2rem;
margin-bottom: 1rem;
color: var(--accent-green);
}
#countdown {
font-size: 2rem;
font-weight: 700;
color: var(--accent-red);
font-family: 'Courier New', monospace;
}
/* Apps Section */
.apps-section {
padding: 5rem 0;
}
.section-title {
text-align: center;
margin-bottom: 3rem;
}
.section-title h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
position: relative;
display: inline-block;
}
.section-title h2::after {
content: '';
position: absolute;
width: 50%;
height: 4px;
bottom: -10px;
left: 25%;
background: linear-gradient(to right, var(--accent-red), var(--accent-green));
border-radius: 2px;
}
.section-title p {
color: var(--text-gray);
max-width: 700px;
margin: 0 auto;
}
.apps-grid {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
gap: 2rem;
}
.app-card {
background-color: var(--secondary-black);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
border: 1px solid rgba(255, 255, 255, 0.05);
position: relative;
}
.app-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.free-badge {
position: absolute;
top: 15px;
right: 15px;
background-color: var(--accent-green);
color: var(--primary-black);
padding: 0.3rem 1rem;
border-radius: 50px;
font-weight: 700;
font-size: 0.8rem;
z-index: 2;
}
.app-image {
height: 200px;
overflow: hidden;
}
.app-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.app-card:hover .app-image img {
transform: scale(1.1);
}
.app-content {
padding: 1.5rem;
}
.app-title {
font-size: 1.5rem;
margin-bottom: 1rem;
color: var(--accent-green);
}
.app-features {
margin-bottom: 1.5rem;
}
.app-features li {
list-style-type: none;
margin-bottom: 0.5rem;
padding-left: 1.5rem;
position: relative;
}
.app-features li::before {
content: '✓';
color: var(--accent-green);
position: absolute;
left: 0;
}
.app-pricing {
color: var(--accent-red);
font-weight: 600;
margin-bottom: 1.5rem;
text-decoration: line-through;
}
.free-offer {
color: var(--accent-green);
font-weight: 700;
margin-bottom: 1.5rem;
}
.download-btn {
display: block;
text-align: center;
background: linear-gradient(45deg, var(--accent-red), var(--accent-green));
color: white;
padding: 0.6rem 1rem;
border-radius: 5px;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.download-btn:hover {
background: linear-gradient(45deg, var(--accent-green), var(--accent-red));
}
/* Testimonials Section */
.testimonials-section {
padding: 5rem 0;
background-color: var(--secondary-black);
}
.testimonials-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.testimonial-card {
background-color: var(--primary-black);
padding: 2rem;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
position: relative;
border: 1px solid rgba(255, 255, 255, 0.05);
}
.testimonial-card::before {
content: '"';
position: absolute;
top: 10px;
left: 20px;
font-size: 5rem;
color: rgba(234, 57, 70, 0.1);
font-family: Georgia, serif;
}
.testimonial-content {
margin-bottom: 1.5rem;
font-style: italic;
color: var(--text-gray);
position: relative;
z-index: 1;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 1rem;
}
.author-avatar {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.author-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.author-info h4 {
color: var(--text-white);
margin-bottom: 0.2rem;
}
.author-info p {
color: var(--text-gray);
font-size: 0.9rem;
}
/* Footer */
footer {
background-color: #0a0a0a;
padding: 4rem 0 2rem;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 3rem;
}
.footer-logo {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 1.5rem;
}
.footer-logo img {
height: 30px;
}
.footer-logo h2 {
font-size: 1.5rem;
background: linear-gradient(to right, var(--accent-red), var(--accent-green));
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.footer-about p {
color: var(--text-gray);
margin-bottom: 1.5rem;
}
.social-links {
display: flex;
gap: 1rem;
}
.social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: var(--secondary-black);
border-radius: 50%;
color: var(--text-white);
text-decoration: none;
transition: all 0.3s ease;
}
.social-links a:hover {
background: linear-gradient(45deg, var(--accent-red), var(--accent-green));
transform: translateY(-3px);
}
.footer-links h3 {
color: var(--text-white);
margin-bottom: 1.5rem;
font-size: 1.2rem;
position: relative;
padding-bottom: 0.5rem;
}
.footer-links h3::after {
content: '';
position: absolute;
width: 40px;
height: 3px;
bottom: 0;
left: 0;
background: linear-gradient(to right, var(--accent-red), var(--accent-green));
}
.footer-links ul {
list-style: none;
}
.footer-links li {
margin-bottom: 0.8rem;
}
.footer-links a {
color: var(--text-gray);
text-decoration: none;
transition: all 0.3s ease;
}
.footer-links a:hover {
color: var(--accent-green);
padding-left: 5px;
}
.footer-newsletter p {
color: var(--text-gray);
margin-bottom: 1.5rem;
}
.newsletter-form {
display: flex;
margin-bottom: 1.5rem;
}
.newsletter-form input {
flex: 1;
padding: 0.8rem;
border: none;
border-radius: 5px 0 0 5px;
background-color: var(--secondary-black);
color: var(--text-white);
}
.newsletter-form button {
padding: 0 1.5rem;
background: linear-gradient(45deg, var(--accent-red), var(--accent-green));
color: white;
border: none;
border-radius: 0 5px 5px 0;
cursor: pointer;
transition: all 0.3s ease;
}
.newsletter-form button:hover {
background: linear-gradient(45deg, var(--accent-green), var(--accent-red));
}
.footer-bottom {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
text-align: center;
color: var(--text-gray);
font-size: 0.9rem;
border-top: 1px solid rgba(255, 255, 255, 0.05);
}
/* Animations */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.pulse {
animation: pulse 2s infinite;
}
/* Responsive Design */
@media (max-width: 768px) {
.header-container {
flex-direction: column;
gap: 1rem;
}
nav ul {
gap: 1rem;
}
.hero h2 {
font-size: 2.2rem;
}
.section-title h2 {
font-size: 2rem;
}
.apps-grid {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>
<!-- Header -->
<header>
<div class="header-container">
<div class="logo">
<img src="https://cdn-icons-png.flaticon.com/512/3176/3176363.png" alt="Video Editor Logo">
<h1>VideoPro</h1>
</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#apps">Apps</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="hero" id="home">
<div class="hero-content">
<div class="offer-badge">Limited Time Free Offer</div>
<h2>Premium Video Editing Tools - FREE</h2>
<p>For a limited time only, get these premium video editing applications completely free! Download now before this exclusive offer expires.</p>
<a href="#apps" class="cta-button pulse">Get Free Downloads</a>
</div>
</section>
<!-- Timer Section -->
<section class="timer-section">
<div class="timer-container">
<div class="timer-box">
<div class="timer-title">Offer Expires In:</div>
<div id="countdown">24:00:00</div>
</div>
</div>
</section>
<!-- Apps Section -->
<section class="apps-section" id="apps">
<div class="section-title">
<h2>Premium Video Editors - FREE DOWNLOAD</h2>
<p>These premium applications are normally paid, but available for FREE for a limited time only</p>
</div>
<div class="apps-grid">
<!-- KineMaster -->
<div class="app-card">
<div class="free-badge">FREE DOWNLOAD</div>
<div class="app-image">
<img src="https://play-lh.googleusercontent.com/xOTEGAILE3DE8Ispr99reXNCiPnygzSnoVyS4cD2dyQqDk476ouKOihnee-okmmrhg=w526-h296-rw" alt="KineMaster">
</div>
<div class="app-content">
<h3 class="app-title">KineMaster (Premium)</h3>
<ul class="app-features">
<li>Advanced multi-layer editing</li>
<li>Chroma key (green screen)</li>
<li>Premium assets with subscription</li>
</ul>
<div class="app-pricing">Normally: Paid via subscription (Monthly/Yearly)</div>
<div class="free-offer">NOW FREE FOR LIMITED TIME!</div>
<a href="https://www.youtube.com/@techpk3013" target="_blank" class="download-btn">Download Now FREE</a>
</div>
</div>
<!-- LumaFusion -->
<div class="app-card">
<div class="free-badge">FREE DOWNLOAD</div>
<div class="app-image">
<img src="https://www.macworld.com/wp-content/uploads/2023/01/lumafusion-2-100808445-orig.jpg?quality=50&strip=all" alt="LumaFusion">
</div>
<div class="app-content">
<h3 class="app-title">LumaFusion (iOS Only)</h3>
<ul class="app-features">
<li>Professional-grade editing</li>
<li>Multi-track timeline</li>
<li>Ideal for YouTubers & filmmakers</li>
</ul>
<div class="app-pricing">Normally: One-time purchase (no subscription)</div>
<div class="free-offer">NOW FREE FOR LIMITED TIME!</div>
<a href="https://www.youtube.com/@techpk3013" target="_blank" class="download-btn">Download Now FREE</a>
</div>
</div>
<!-- PowerDirector -->
<div class="app-card">
<div class="free-badge">FREE DOWNLOAD</div>
<div class="app-image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQXdRrhGndpf16nG0n5v5bbDeqNw0h_UfUA-A&s" alt="PowerDirector">
</div>
<div class="app-content">
<h3 class="app-title">PowerDirector (Premium)</h3>
<ul class="app-features">
<li>4K video support</li>
<li>AI-powered tools and transitions</li>
<li>Motion tracking and effects</li>
</ul>
<div class="app-pricing">Normally: Monthly/Yearly subscription</div>
<div class="free-offer">NOW FREE FOR LIMITED TIME!</div>
<a href="https://www.youtube.com/@techpk3013" target="_blank" class="download-btn">Download Now FREE</a>
</div>
</div>
<!-- InShot Pro -->
<div class="app-card">
<div class="free-badge">FREE DOWNLOAD</div>
<div class="app-image">
<img src="https://getindeal.com/uploads/images/original/af6075b78568f421778ad33d46e82d8e.jpg" alt="InShot Pro">
</div>
<div class="app-content">
<h3 class="app-title">InShot Pro</h3>
<ul class="app-features">
<li>Easy interface for social media content</li>
<li>No watermark with Pro version</li>
<li>Filters, effects, transitions</li>
</ul>
<div class="app-pricing">Normally: Paid version unlocks all features</div>
<div class="free-offer">NOW FREE FOR LIMITED TIME!</div>
<a href="https://www.youtube.com/@techpk3013" target="_blank" class="download-btn">Download Now FREE</a>
</div>
</div>
<!-- VN Video Editor -->
<div class="app-card">
<div class="free-badge">FREE DOWNLOAD</div>
<div class="app-image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRwyVbO9gvvm92xlV-OolQcRW5RvJtjfMMzIg&s" alt="VN Video Editor">
</div>
<div class="app-content">
<h3 class="app-title">VN Video Editor (Pro Version)</h3>
<ul class="app-features">
<li>Simple interface with powerful tools</li>
<li>No watermark even in free version</li>
<li>Pro version unlocks advanced features</li>
</ul>
<div class="app-pricing">Normally: Affordable one-time payment for Pro</div>
<div class="free-offer">NOW FREE FOR LIMITED TIME!</div>
<a href="https://www.youtube.com/@techpk3013" target="_blank" class="download-btn">Download Now FREE</a>
</div>
</div>
<!-- Adobe Premiere Rush -->
<div class="app-card">
<div class="free-badge">FREE DOWNLOAD</div>
<div class="app-image">
<img src="https://cdn.mos.cms.futurecdn.net/eMWg9qD4T3sYB6Dv966zH4-1200-80.png" alt="Adobe Premiere Rush">
</div>
<div class="app-content">
<h3 class="app-title">Adobe Premiere Rush</h3>
<ul class="app-features">
<li>Cloud sync with desktop Adobe tools</li>
<li>Auto-reframe and motion graphics</li>
<li>Great for content creators</li>
</ul>
<div class="app-pricing">Normally: Monthly subscription</div>
<div class="free-offer">NOW FREE FOR LIMITED TIME!</div>
<a href="https://www.youtube.com/@techpk3013" target="_blank" class="download-btn">Download Now FREE</a>
</div>
</div>
<!-- CapCut Pro -->
<div class="app-card">
<div class="free-badge">FREE DOWNLOAD</div>
<div class="app-image">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSxy3WtLKqfSU_1iPhQjdOajUj2A7RLv1l71A&s" alt="CapCut Pro">
</div>
<div class="app-content">
<h3 class="app-title">CapCut Pro</h3>
<ul class="app-features">
<li>Trendy effects, transitions, and AI features</li>
<li>High-quality export support</li>
<li>Used for TikTok, Reels, Shorts</li>
</ul>
<div class="app-pricing">Normally: Some features are Pro-only via subscription</div>
<div class="free-offer">NOW FREE FOR LIMITED TIME!</div>
<a href="https://www.youtube.com/@techpk3013" target="_blank" class="download-btn">Download Now FREE</a>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="testimonials-section" id="testimonials">
<div class="testimonials-container">
<div class="section-title">
<h2>What Our Users Say</h2>
<p>Hear from professionals and content creators who use these tools daily</p>
</div>
<div class="testimonials-grid">
<!-- Testimonial 1 -->
<div class="testimonial-card">
<p class="testimonial-content">I couldn't believe I got KineMaster Premium for free through this offer! The multi-layer support is incredible for a mobile app, and the chroma key works surprisingly well.</p>
<div class="testimonial-author">
<div class="author-avatar">
<img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Sarah Johnson">
</div>
<div class="author-info">
<h4>Sarah Johnson</h4>
<p>Travel Vlogger</p>
</div>
</div>
</div>
<!-- Testimonial 2 -->
<div class="testimonial-card">
<p class="testimonial-content">As a filmmaker, getting LumaFusion for free was a game-changer. The multi-track timeline is robust enough for serious projects. This limited-time offer is legit!</p>
<div class="testimonial-author">
<div class="author-avatar">
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen">
</div>
<div class="author-info">
<h4>Michael Chen</h4>
<p>Independent Filmmaker</p>
</div>
</div>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card">
<p class="testimonial-content">I was skeptical at first, but CapCut Pro really was free! The trending effects and transitions help my content stand out on TikTok. The AI features save me hours of work.</p>
<div class="testimonial-author">
<div class="author-avatar">
<img src="https://randomuser.me/api/portraits/women/68.jpg" alt="Jessica Martinez">
</div>
<div class="author-info">
<h4>Jessica Martinez</h4>
<p>Social Media Influencer</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="contact">
<div class="footer-container">
<div class="footer-about">
<div class="footer-logo">
<img src="https://cdn-icons-png.flaticon.com/512/3176/3176363.png" alt="Video Editor Logo">
<h2>VideoPro</h2>
</div>
<p>Your ultimate guide to premium video editing applications. We help creators find the perfect tools for their workflow.</p>
<div class="social-links">
<a href="https://www.youtube.com/@techpk3013"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.youtube.com/@techpk3013"><i class="fab fa-twitter"></i></a>
<a href="https://www.youtube.com/@techpk3013"><i class="fab fa-instagram"></i></a>
<a href="https://www.youtube.com/@techpk3013"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#apps">Apps</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="https://www.youtube.com/@techpk3013">Privacy Policy</a></li>
</ul>
</div>
<div class="footer-links">
<h3>Popular Apps</h3>
<ul>
<li><a href="https://www.youtube.com/@techpk3013">KineMaster</a></li>
<li><a href="https://www.youtube.com/@techpk3013">LumaFusion</a></li>
<li><a href="https://www.youtube.com/@techpk3013">PowerDirector</a></li>
<li><a href="https://www.youtube.com/@techpk3013">CapCut</a></li>
<li><a href="https://www.youtube.com/@techpk3013">Premiere Rush</a></li>
</ul>
</div>
<div class="footer-newsletter">
<h3>Newsletter</h3>
<p>Subscribe to get updates on new features, app releases, and editing tips.</p>
<form class="newsletter-form">
<input type="email" placeholder="Your Email">
<button type="submit"><i class="fas fa-paper-plane"></i></button>
</form>
<p>We'll never share your email with anyone else.</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 VideoPro. All rights reserved. | Designed with ❤️ for video creators</p>
</div>
</footer>
<!-- Font Awesome for icons -->
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<!-- JavaScript for Timer -->
<script>
// 24-hour countdown timer
function startCountdown() {
let hours = 24;
let minutes = 0;
let seconds = 0;
const countdownElement = document.getElementById('countdown');
const timer = setInterval(() => {
// Format the time display
const formattedHours = hours.toString().padStart(2, '0');
const formattedMinutes = minutes.toString().padStart(2, '0');
const formattedSeconds = seconds.toString().padStart(2, '0');
countdownElement.textContent = `${formattedHours}:${formattedMinutes}:${formattedSeconds}`;
// Decrement time
if (seconds > 0) {
seconds--;
} else {
if (minutes > 0) {
minutes--;
seconds = 59;
} else {
if (hours > 0) {
hours--;
minutes = 59;
seconds = 59;
} else {
clearInterval(timer);
countdownElement.textContent = "Offer Expired!";
// Disable all download buttons when timer expires
document.querySelectorAll('.download-btn').forEach(btn => {
btn.textContent = "Offer Expired";
btn.style.background = "#666";
btn.style.cursor = "not-allowed";
btn.removeAttribute('href');
});
}
}
}
}, 1000);
}
// Start the countdown when page loads
window.onload = startCountdown;
// Smooth scrolling for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Animation on scroll
const animateOnScroll = () => {
const elements = document.querySelectorAll('.app-card, .testimonial-card');
elements.forEach(element => {
const elementPosition = element.getBoundingClientRect().top;
const screenPosition = window.innerHeight / 1.3;
if (elementPosition < screenPosition) {
element.style.opacity = '1';
element.style.transform = 'translateY(0)';
}
});
};
// Set initial state for animation
document.querySelectorAll('.app-card, .testimonial-card').forEach(element => {
element.style.opacity = '0';
element.style.transform = 'translateY(20px)';
element.style.transition = 'all 0.6s ease';
});
// Run animation check on scroll
window.addEventListener('scroll', animateOnScroll);
// Run once on load in case elements are already in view
animateOnScroll();
</script>
</body>
</html>
0 Comments
If you have any question you can ask me feelfree.