| Server IP : 103.243.232.44 / Your IP : 216.73.216.250 Web Server : LiteSpeed System : Linux server17213-10344.hostycare.online 5.14.0-687.38.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Aug 12 17:19:12 EDT 2026 x86_64 User : iamakash ( 1400) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/iamakash/.trash/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FTN Consortium - Creative Designer</title>
<link href="templatemo-personal-style.css" rel="stylesheet">
<!--
TemplateMo 593 personal shape
https://templatemo.com/tm-593-personal-shape
-->
</head>
<body>
<!-- Navigation -->
<nav id="navbar">
<div class="nav-container">
<div class="logo">FTN Consortium</div>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="mobile-menu-toggle" id="mobileMenuToggle">
<div class="hamburger"></div>
<div class="hamburger"></div>
<div class="hamburger"></div>
</div>
</div>
</nav>
<!-- Mobile Menu -->
<div class="mobile-menu" id="mobileMenu">
<ul class="mobile-nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<!-- Hero Section -->
<section id="home" class="hero">
<div class="floating-shapes">
<div class="shape shape-1"></div>
<div class="shape shape-2"></div>
<div class="shape shape-3"></div>
<div class="shape shape-4"></div>
<div class="shape shape-5"></div>
<div class="shape shape-6"></div>
</div>
<div class="hero-content">
<div class="hero-subtitle">Creative Designer</div>
<h1>Transforming Ideas Into Beautiful Experiences</h1>
<p class="subtitle">I craft digital experiences that captivate, engage, and inspire through thoughtful design and innovative solutions</p>
<a href="#portfolio" class="cta-button">Explore My Work</a>
</div>
<div class="scroll-indicator" onclick="document.getElementById('about').scrollIntoView()"></div>
</section>
<!-- About Section -->
<section id="about" class="about">
<div class="container">
<h2 class="section-title fade-in">About</h2>
<div class="about-content">
<div class="about-image slide-in-left"></div>
<div class="about-text slide-in-right">
<h3>Passionate about creating meaningful digital experiences</h3>
<p>With over 5 years of experience in digital design, I specialize in creating user-centered solutions that bridge the gap between functionality and aesthetics. My approach combines strategic thinking with creative execution to deliver impactful results.</p>
<p>I believe that great design is not just about how it looks, but how it works and how it makes people feel. Every project is an opportunity to solve problems and create connections that matter.</p>
<p>When I'm not designing, you'll find me exploring new technologies, sketching ideas, or seeking inspiration in nature and architecture.</p>
<div class="skills">
<span class="skill-tag">UI/UX Design</span>
<span class="skill-tag">Web Development</span>
<span class="skill-tag">Brand Identity</span>
<span class="skill-tag">Motion Graphics</span>
<span class="skill-tag">Prototyping</span>
<span class="skill-tag">Design Systems</span>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Section -->
<section id="portfolio" class="portfolio">
<div class="container">
<h2 class="section-title fade-in">Featured Work</h2>
<div class="portfolio-grid">
<div class="portfolio-item">
<div class="portfolio-image"></div>
<div class="portfolio-content">
<h4>E-commerce Platform</h4>
<p>A modern, responsive e-commerce solution with focus on user experience and conversion optimization. Built with scalability and performance in mind.</p>
<div class="portfolio-tech">
<span class="tech-tag">React</span>
<span class="tech-tag">Node.js</span>
<span class="tech-tag">MongoDB</span>
<span class="tech-tag">Stripe</span>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-image"></div>
<div class="portfolio-content">
<h4>Brand Identity System</h4>
<p>Complete visual identity redesign for a tech startup, including logo, guidelines, and digital assets. Creating a cohesive brand experience across all touchpoints.</p>
<div class="portfolio-tech">
<span class="tech-tag">Illustrator</span>
<span class="tech-tag">Photoshop</span>
<span class="tech-tag">Figma</span>
<span class="tech-tag">After Effects</span>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-image"></div>
<div class="portfolio-content">
<h4>Mobile App Design</h4>
<p>Intuitive mobile app interface for a fitness tracking application with focus on accessibility and user engagement through gamification.</p>
<div class="portfolio-tech">
<span class="tech-tag">Figma</span>
<span class="tech-tag">Principle</span>
<span class="tech-tag">React Native</span>
<span class="tech-tag">Lottie</span>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-image"></div>
<div class="portfolio-content">
<h4>Dashboard Interface</h4>
<p>Clean and functional dashboard design for data analytics platform with complex information architecture and real-time data visualization.</p>
<div class="portfolio-tech">
<span class="tech-tag">Vue.js</span>
<span class="tech-tag">D3.js</span>
<span class="tech-tag">SCSS</span>
<span class="tech-tag">Chart.js</span>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-image"></div>
<div class="portfolio-content">
<h4>Marketing Website</h4>
<p>Modern marketing website with interactive animations and optimized conversion funnels. Built for maximum performance and SEO.</p>
<div class="portfolio-tech">
<span class="tech-tag">Next.js</span>
<span class="tech-tag">Framer Motion</span>
<span class="tech-tag">Tailwind CSS</span>
<span class="tech-tag">Vercel</span>
</div>
</div>
</div>
<div class="portfolio-item">
<div class="portfolio-image"></div>
<div class="portfolio-content">
<h4>Creative Portfolio</h4>
<p>Artistic portfolio website featuring immersive galleries, smooth transitions, and creative storytelling for a digital artist.</p>
<div class="portfolio-tech">
<span class="tech-tag">React</span>
<span class="tech-tag">Three.js</span>
<span class="tech-tag">GSAP</span>
<span class="tech-tag">WebGL</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="contact-floating-shapes">
<div class="contact-shape contact-shape-1"></div>
<div class="contact-shape contact-shape-2"></div>
<div class="contact-shape contact-shape-3"></div>
<div class="contact-shape contact-shape-4"></div>
<div class="contact-shape contact-shape-5"></div>
<div class="contact-shape contact-shape-6"></div>
</div>
<div class="container">
<div class="contact-content">
<h2 class="section-title fade-in">Let's Work Together</h2>
<p class="fade-in">Ready to bring your vision to life? Let's discuss how we can create something amazing together. I'm always excited to take on new challenges and collaborate on innovative projects.</p>
<form class="contact-form fade-in">
<div class="form-row">
<div class="form-group">
<label for="name">Name</label>
<input type="text" id="name" name="name" placeholder="Your full name" required>
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="your.email@example.com" required>
</div>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" id="subject" name="subject" placeholder="What's this about?" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="6" placeholder="Tell me about your project..." required></textarea>
</div>
<button type="submit" class="submit-btn">Send Message</button>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-left">
<p>© 2026 FTN Consortium Private Limited. All rights reserved.</p>
</div>
<!--<div class="footer-right">-->
<!-- <a href="#privacy">Privacy Policy</a>-->
<!-- <a href="#terms">Terms of Use</a>-->
<!-- <a href="#sitemap">Sitemap</a>-->
<!-- <a href="https://templatemo.com" target="_blank" rel="noopener nofollow">Provided by TemplateMo</a>-->
<!--</div>-->
</div>
</div>
</footer>
<script src="templatemo-personal-javascripts.js"></script>
</body>
</html>