Help
RSS
API
Feed
Maltego
Contact
Domain > codrail.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-07-13
3.166.152.42
(
ClassC
)
2025-11-17
3.175.34.123
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyServer: CloudFrontDate: Mon, 17 Nov 2025 13:39:37 GMTContent-Type: text/htmlContent-Length: 167Connection: keep-aliveLocation: https://codrail.com/X-Cache: Redirect from cloudfrontVia: 1.1 6eef5cc48e8050472c6d6d9862d365dc.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P3Alt-Svc: h3:443; ma86400X-Amz-Cf-Id: bxtep_l9xjLEJKjDZGearRMlTjUoxtKLqcJW1fUhj_1Mvo_V3yKSBQ html>head>title>301 Moved Permanently/title>/head>body>center>h1>301 Moved Permanently/h1>/center>hr>center>CloudFront/center>/body>/html>
Port 443
HTTP/1.1 200 OKContent-Type: text/htmlContent-Length: 69226Connection: keep-aliveDate: Sun, 16 Nov 2025 04:05:52 GMTCache-Control: public, max-age0, s-maxage31536000Server: AmazonS3Accept-Ranges: bytesETag: 6836d9c20b9aaa46af10359c677b54a4Last-Modified: Fri, 18 Jul 2025 06:43:46 GMTX-Cache: Hit from cloudfrontVia: 1.1 db7397fcd58433c5e83fa2f211a75e54.cloudfront.net (CloudFront)X-Amz-Cf-Pop: HIO52-P3Alt-Svc: h3:443; ma86400X-Amz-Cf-Id: 9Ox4Qom1c7KuezpYqVfnV4Y-bs4_9ICI9NI3K6vnIX4NGphKkP5pMgAge: 120826 !DOCTYPE html>html langen classscroll-smooth>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>Codrail - Your Projects Fast Track to Production/title> script srchttps://cdn.tailwindcss.com>/script> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyInter:wght@400;500;600;700;900&displayswap relstylesheet> style> body { font-family: Inter, sans-serif; background: linear-gradient(135deg, #0B1120 0%, #1a202c 50%, #0B1120 100%); color: #E0E0E0; min-height: 100vh; } .glass-nav { background-color: rgba(11, 17, 32, 0.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); } .hero-glow { background-image: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(13, 148, 136, 0.4), rgba(255, 255, 255, 0)), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(59, 130, 246, 0.3), rgba(255, 255, 255, 0)); position: relative; overflow: hidden; } .hero-glow::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml,svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 100 100>defs>pattern idgrid width10 height10 patternUnitsuserSpaceOnUse>path dM 10 0 L 0 0 0 10 fillnone strokergb(255,255,255) stroke-width0.5 opacity0.05/>/pattern>/defs>rect width100 height100 fillurl(%23grid)/>/svg>); opacity: 0.3; animation: grid-move 20s linear infinite; z-index: -2; } @keyframes grid-move { 0% { transform: translate(0, 0); } 100% { transform: translate(10px, 10px); } } .accent-gradient-text { background: linear-gradient(90deg, #06b6d4, #3b82f6, #8b5cf6); background-size: 200% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradient-shift 3s ease-in-out infinite; } @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .cta-button { background: linear-gradient(90deg, #06b6d4, #3b82f6); transition: all 0.3s ease; position: relative; overflow: hidden; } .cta-button::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s; } .cta-button:hover::before { left: 100%; } .cta-button:hover { transform: translateY(-2px) scale(1.05); box-shadow: 0 15px 30px rgba(6, 182, 212, 0.3), 0 8px 8px rgba(59, 130, 246, 0.3); } .service-card { background: linear-gradient(145deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); height: auto; min-height: 400px; position: relative; overflow: hidden; width: 100%; } .service-card::before { content: ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(59, 130, 246, 0.1)); opacity: 0; transition: opacity 0.4s ease; } .service-card:hover::before { opacity: 1; } .service-card:hover { transform: translateY(-8px) scale(1.02); background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); border-color: #06b6d4; box-shadow: 0 20px 40px rgba(6, 182, 212, 0.2); } .service-icon { transition: all 0.3s ease; } .service-card:hover .service-icon { transform: scale(1.1) rotate(5deg); } .timeline-item::before { content: ; position: absolute; top: 12px; left: -20.5px; width: 13px; height: 13px; border-radius: 50%; background-color: #374151; border: 2px solid #06b6d4; z-index: 1; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .timeline-item.is-visible::before { background-color: #06b6d4; transform: scale(1.3); box-shadow: 0 0 20px rgba(6, 182, 212, 0.6); } .tech-logo { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3)); } .tech-logo:hover { transform: scale(1.15) translateY(-5px); filter: drop-shadow(0 8px 16px rgba(6, 182, 212, 0.3)); } .tech-grid { perspective: 1000px; } .tech-item { transform-style: preserve-3d; transition: transform 0.4s ease; } .tech-item:hover { transform: rotateY(10deg) rotateX(5deg); } .floating-element { animation: float 6s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } .pulse-glow { animation: pulse-glow 2s ease-in-out infinite alternate; } @keyframes pulse-glow { from { box-shadow: 0 0 20px rgba(6, 182, 212, 0.4); } to { box-shadow: 0 0 40px rgba(6, 182, 212, 0.8), 0 0 60px rgba(6, 182, 212, 0.4); } } /* Animation utilities */ .animate-on-scroll { opacity: 0; transform: translateY(50px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); } .animate-slide-left { opacity: 0; transform: translateX(-50px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .animate-slide-left.is-visible { opacity: 1; transform: translateX(0); } .animate-slide-right { opacity: 0; transform: translateX(50px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); } .animate-slide-right.is-visible { opacity: 1; transform: translateX(0); } #hero-rail { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: draw-rail 4s ease-out 1s forwards; } @keyframes draw-rail { to { stroke-dashoffset: 0; } } .section-divider { background: linear-gradient(90deg, transparent, #06b6d4, transparent); height: 1px; margin: 2rem 0; } /style>/head>body classantialiased>!-- Header -->header idheader classfixed top-0 left-0 right-0 z-50 transition-all duration-300> div classcontainer mx-auto px-6 py-4 flex justify-between items-center> a href# classtext-2xl font-bold text-white flex items-center space-x-2> div classw-8 h-8 bg-gradient-to-r from-teal-400 to-blue-500 rounded pulse-glow>/div> span>Codspan classtext-teal-400>rail/span>/span> /a> nav classhidden md:flex items-center space-x-8> a href#services classtext-gray-300 hover:text-teal-400 transition-all duration-300 hover:scale-105>Services/a> a href#process classtext-gray-300 hover:text-teal-400 transition-all duration-300 hover:scale-105>Our Process/a> a href#team classtext-gray-300 hover:text-teal-400 transition-all duration-300 hover:scale-105>Team/a> a href#tech classtext-gray-300 hover:text-teal-400 transition-all duration-300 hover:scale-105>Technologies/a> /nav> a href#contact classhidden md:inline-block px-5 py-2 rounded-lg text-white font-semibold cta-button> Contact Us /a> /div>/header>main> !-- Hero Section --> section idhome classrelative pt-40 pb-24 md:pt-56 md:pb-32 text-center hero-glow overflow-hidden> div classcontainer mx-auto px-6 relative z-20> !-- Animated rail background --> div classabsolute -top-20 left-1/2 -translate-x-1/2 w-full max-w-5xl h-80 pointer-events-none z-0> svg width100% height100% viewBox0 0 800 300 preserveAspectRationone classopacity-40> path idhero-rail dM0,200 Q200,80 400,200 T800,200 fillnone strokeurl(#line-gradient) stroke-width2/> defs> linearGradient idline-gradient x10% y10% x2100% y20%> stop offset0% stylestop-color:#06b6d4;/> stop offset50% stylestop-color:#8b5cf6;/> stop offset100% stylestop-color:#3b82f6;/> /linearGradient> /defs> /svg> /div> !-- Floating code elements --> div classabsolute top-1/4 left-4 md:left-16 text-teal-400 opacity-10 floating-element hidden lg:block z-5> svg width40 height40 viewBox0 0 24 24 fillcurrentColor> path dM9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0L19.2 12l-4.6-4.6L16 6l6 6-6 6-1.4-1.4z/> /svg> /div> div classabsolute top-1/3 right-4 md:right-16 text-blue-400 opacity-10 floating-element hidden lg:block z-5 styleanimation-delay: -2s;> svg width32 height32 viewBox0 0 24 24 fillcurrentColor> path dM12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z/> /svg> /div> div classabsolute bottom-1/4 left-8 md:left-32 text-purple-400 opacity-10 floating-element hidden lg:block z-5 styleanimation-delay: -4s;> svg width28 height28 viewBox0 0 24 24 fillcurrentColor> path dM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z/> /svg> /div> div classmax-w-4xl mx-auto relative z-30> h1 classtext-4xl md:text-6xl lg:text-7xl font-black text-white leading-tight mb-8 animate-on-scroll relative z-30> Build. Deploy. Scale. span classblock accent-gradient-text mt-2>On Rails./span> /h1> div classspace-y-6 relative z-30> p classmax-w-3xl mx-auto text-lg md:text-xl text-gray-300 animate-on-scroll styletransition-delay: 200ms;> Codrail delivers robust, full-stack software solutions with the speed and precision of a high-speed train. We lay the track for your digital success. /p> p classmax-w-3xl mx-auto text-md md:text-lg text-gray-400 animate-on-scroll styletransition-delay: 300ms;> Powered by a veteran team of frontend, backend, and AI engineers with 7+ years of experience in delivering excellence. /p> /div> div classmt-12 animate-on-scroll relative z-30 styletransition-delay: 400ms;> a href#contact classinline-block px-8 py-4 rounded-lg text-white font-bold text-lg cta-button> Start Your Project /a> /div> /div> !-- Hero illustration --> !-- div classmt-20 animate-on-scroll relative z-30 styletransition-delay: 600ms;> div classrelative max-w-3xl mx-auto> img srchttps://images.unsplash.com/photo-1551650975-87deedd944c3?ixlibrb-4.0.3&autoformat&fitcrop&w1200&q80 altDevelopment workspace classrounded-2xl shadow-2xl opacity-80 hover:opacity-100 transition-opacity duration-500 w-full> div classabsolute inset-0 bg-gradient-to-t from-gray-900/60 to-transparent rounded-2xl>/div> /div> /div> --> /div> /section> div classsection-divider>/div> !-- Services Section --> section idservices classpy-24 md:py-32 relative z-10 bg-gradient-to-b from-transparent to-gray-900/30> div classcontainer mx-auto px-6> div classtext-center mb-16> h2 classtext-3xl md:text-4xl font-bold text-white animate-on-scroll>Full-Spectrum Engineering/h2> p classmt-4 text-lg text-gray-400 animate-on-scroll styletransition-delay: 150ms;>From backend architecture to generative AI, our experienced team covers it all./p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 relative z-20> !-- Card 1 --> div classp-8 rounded-xl service-card flex flex-col animate-slide-left w-full max-w-none> div classw-16 h-16 mb-6 flex items-center justify-center bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg border border-gray-700 flex-shrink-0 service-icon> svg xmlnshttp://www.w3.org/2000/svg classh-8 w-8 text-teal-400 fillnone viewBox0 0 24 24 strokecurrentColor stroke-width2> path stroke-linecapround stroke-linejoinround dM5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01/> /svg> /div> h3 classtext-2xl font-bold text-white mb-3>Backend Engineering/h3> p classtext-gray-400 flex-grow>Building secure, scalable, and high-performance server-side applications with Python & Django./p> div classmt-4> img srchttps://images.unsplash.com/photo-1558494949-ef010cbdcc31?ixlibrb-4.0.3&autoformat&fitcrop&w400&q80 altServer infrastructure classw-full h-32 object-cover rounded-lg opacity-70> /div> /div> !-- Card 2 --> div classp-8 rounded-xl service-card flex flex-col animate-slide-left w-full max-w-none styletransition-delay: 150ms;> div classw-16 h-16 mb-6 flex items-center justify-center bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg border border-gray-700 flex-shrink-0 service-icon> svg xmlnshttp://www.w3.org/2000/svg classh-8 w-8 text-teal-400 fillnone viewBox0 0 24 24 strokecurrentColor stroke-width2> path stroke-linecapround stroke-linejoinround dM10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4/> /svg> /div> h3 classtext-2xl font-bold text-white mb-3>Frontend Development/h3> p classtext-gray-400 flex-grow>Crafting intuitive and beautiful user interfaces with modern frameworks that engage and delight./p> div classmt-4> img srchttps://images.unsplash.com/photo-1555066931-4365d14bab8c?ixlibrb-4.0.3&autoformat&fitcrop&w400&q80 altWeb development classw-full h-32 object-cover rounded-lg opacity-70> /div> /div> !-- Card 3 --> div classp-8 rounded-xl service-card flex flex-col animate-slide-right w-full max-w-none styletransition-delay: 300ms;> div classw-16 h-16 mb-6 flex items-center justify-center bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg border border-gray-700 flex-shrink-0 service-icon> svg xmlnshttp://www.w3.org/2000/svg classh-8 w-8 text-teal-400 fillnone viewBox0 0 24 24 strokecurrentColor stroke-width2> path stroke-linecapround stroke-linejoinround dM9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z/> /svg> /div> h3 classtext-2xl font-bold text-white mb-3>Gen AI & Vision/h3> p classtext-gray-400 flex-grow>Leveraging AI and Computer Vision to build intelligent solutions that can see, learn, and create./p> div classmt-4> img srchttps://images.unsplash.com/photo-1677442136019-21780ecad995?ixlibrb-4.0.3&autoformat&fitcrop&w400&q80 altAI and machine learning classw-full h-32 object-cover rounded-lg opacity-70> /div> /div> !-- Card 4 --> div classp-8 rounded-xl service-card flex flex-col animate-slide-right w-full max-w-none styletransition-delay: 450ms;> div classw-16 h-16 mb-6 flex items-center justify-center bg-gradient-to-br from-gray-800 to-gray-900 rounded-lg border border-gray-700 flex-shrink-0 service-icon> svg xmlnshttp://www.w3.org/2000/svg classh-8 w-8 text-teal-400 fillnone viewBox0 0 24 24 strokecurrentColor stroke-width2> path stroke-linecapround stroke-linejoinround dM12 18h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2zM9 9h6/> /svg> /div> h3 classtext-2xl font-bold text-white mb-3>DevOps & Cloud/h3> p classtext-gray-400 flex-grow>Automating your pipeline from code to cloud with CI/CD for seamless, reliable deployments./p> div classmt-4> img srchttps://images.unsplash.com/photo-1451187580459-43490279c0fa?ixlibrb-4.0.3&autoformat&fitcrop&w400&q80 altCloud infrastructure classw-full h-32 object-cover rounded-lg opacity-70> /div> /div> /div> /div> /section> div classsection-divider>/div> !-- Process Section --> section idprocess classpy-24 md:py-32 relative> div classabsolute inset-0 bg-gradient-to-r from-gray-900/20 to-transparent>/div> div classcontainer mx-auto px-6 relative> div classtext-center mb-16> h2 classtext-3xl md:text-4xl font-bold text-white animate-on-scroll>Your Journey From Idea to Launch/h2> p classmt-4 text-lg text-gray-400 animate-on-scroll styletransition-delay: 150ms;>A clear, collaborative, and efficient process./p> /div> div classmax-w-4xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-12 items-center> div classorder-2 lg:order-1> div classrelative border-l-2 border-gray-700 ml-4> !-- Item 1 --> div classmb-12 ml-8 timeline-item animate-on-scroll> h4 classtext-xl font-bold text-teal-400>01. Discovery & Plan/h4> p classmt-2 text-gray-400>We start by mapping out your entire project, defining clear goals, user stories, and the technical architecture to ensure were building the right thing./p> /div> !-- Item 2 --> div classmb-12 ml-8 timeline-item animate-on-scroll> h4 classtext-xl font-bold text-teal-400>02. Design & Develop/h4> p classmt-2 text-gray-400>Our team builds your application with agile methodology, clean code principles, and constant communication, turning designs into reality./p> /div> !-- Item 3 --> div classmb-12 ml-8 timeline-item animate-on-scroll> h4 classtext-xl font-bold text-teal-400>03. Test & Iterate/h4> p classmt-2 text-gray-400>Rigorous automated and manual testing ensures a bug-free, performant, and secure product before it ever reaches your users./p> /div> !-- Item 4 --> div classml-8 timeline-item animate-on-scroll> h4 classtext-xl font-bold text-teal-400>04. Deploy & Support/h4> p classmt-2 text-gray-400>We handle the launch process from start to finish and provide ongoing support and maintenance to help you grow and scale./p> /div> /div> /div> div classorder-1 lg:order-2 animate-slide-right> img srchttps://images.unsplash.com/photo-1552664730-d307ca884978?ixlibrb-4.0.3&autoformat&fitcrop&w600&q80 altTeam collaboration classrounded-2xl shadow-2xl> /div> /div> /div> /section> div classsection-divider>/div> !-- Cofounders Section --> section idteam classpy-24 md:py-32 relative> div classabsolute inset-0 bg-gradient-to-br from-blue-900/10 to-purple-900/10>/div> div classcontainer mx-auto px-6 relative> div classtext-center mb-16> h2 classtext-3xl md:text-4xl font-bold text-white animate-on-scroll>Meet Our Expert Cofounders/h2> p classmt-4 text-lg text-gray-400 animate-on-scroll styletransition-delay: 150ms;>Seasoned professionals with 7+ years of experience driving innovation and excellence./p> /div> div classgrid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto> !-- Cofounder 4 - GenAI Apps --> div classgroup relative bg-gradient-to-br from-gray-800/50 to-gray-900/50 rounded-2xl p-6 border border-gray-700/50 hover:border-green-400/50 transition-all duration-500 hover:transform hover:-translate-y-2 animate-on-scroll backdrop-blur-sm styletransition-delay: 450ms;> div classabsolute inset-0 bg-gradient-to-br from-green-500/10 to-teal-500/10 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div> div classrelative z-10> div classw-24 h-24 mx-auto mb-6 rounded-full overflow-hidden ring-4 ring-gray-700 group-hover:ring-green-400 transition-all duration-500> img srccofounder 4.jpg altThanveer Ahamed - Co-founder & AI Architect classw-full h-full object-cover group-hover:scale-110 transition-transform duration-500> /div> div classtext-center> h3 classtext-xl font-bold text-white mb-2>Thanveer Ahamed/h3> p classtext-green-400 font-semibold mb-3>Co-founder & AI Architect/p> div classspace-y-2 text-sm text-gray-400> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-green-400 rounded-full>/span> span>Generative AI/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-teal-400 rounded-full>/span> span>GenAI App Development/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-blue-400 rounded-full>/span> span>LLM Integration/span> /div> /div> div classmt-4 flex justify-center space-x-3> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-green-500 transition-colors duration-300> svg classw-4 h-4 text-white fillcurrentColor viewBox0 0 24 24> path dM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z/> /svg> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-teal-500 transition-colors duration-300> svg classw-4 h-4 text-white fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM13 10V3L4 14h7v7l9-11h-7z/> /svg> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-blue-500 transition-colors duration-300> svg classw-4 h-4 text-white fillcurrentColor viewBox0 0 24 24> path dM12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z/> /svg> /div> /div> /div> /div> /div> !-- Cofounder 3 - Vision AI --> div classgroup relative bg-gradient-to-br from-gray-800/50 to-gray-900/50 rounded-2xl p-6 border border-gray-700/50 hover:border-purple-400/50 transition-all duration-500 hover:transform hover:-translate-y-2 animate-on-scroll backdrop-blur-sm styletransition-delay: 300ms;> div classabsolute inset-0 bg-gradient-to-br from-purple-500/10 to-pink-500/10 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div> div classrelative z-10> div classw-24 h-24 mx-auto mb-6 rounded-full overflow-hidden ring-4 ring-gray-700 group-hover:ring-purple-400 transition-all duration-500> img srccofounder3.jpeg altJanitha Prathapa - Co-founder & AI Specialist classw-full h-full object-cover group-hover:scale-110 transition-transform duration-500> /div> div classtext-center> h3 classtext-xl font-bold text-white mb-2>Janitha Prathapa/h3> p classtext-purple-400 font-semibold mb-3>Co-founder & AI Specialist/p> div classspace-y-2 text-sm text-gray-400> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-purple-400 rounded-full>/span> span>Computer Vision/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-pink-400 rounded-full>/span> span>Vision AI Solutions/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-blue-400 rounded-full>/span> span>Machine Learning/span> /div> /div> div classmt-4 flex justify-center space-x-3> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-purple-500 transition-colors duration-300> svg classw-4 h-4 text-white fillcurrentColor viewBox0 0 24 24> path dM12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z/> /svg> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-pink-500 transition-colors duration-300> svg classw-4 h-4 text-white fillcurrentColor viewBox0 0 24 24> path dM9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z/> /svg> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-blue-500 transition-colors duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/tensorflow/tensorflow-original.svg altTensorFlow classw-5 h-5> /div> /div> /div> /div> /div> !-- Cofounder 2 - Frontend, WordPress --> div classgroup relative bg-gradient-to-br from-gray-800/50 to-gray-900/50 rounded-2xl p-6 border border-gray-700/50 hover:border-blue-400/50 transition-all duration-500 hover:transform hover:-translate-y-2 animate-on-scroll backdrop-blur-sm styletransition-delay: 150ms;> div classabsolute inset-0 bg-gradient-to-br from-blue-500/10 to-purple-500/10 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div> div classrelative z-10> div classw-24 h-24 mx-auto mb-6 rounded-full overflow-hidden ring-4 ring-gray-700 group-hover:ring-blue-400 transition-all duration-500> img srccofounder 2.jpeg altVidula Danthanarayana - Co-founder & Design Lead classw-full h-full object-cover group-hover:scale-110 transition-transform duration-500> /div> div classtext-center> h3 classtext-xl font-bold text-white mb-2>Vidula Danthanarayana/h3> p classtext-blue-400 font-semibold mb-3>Co-founder & Design Lead/p> div classspace-y-2 text-sm text-gray-400> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-blue-400 rounded-full>/span> span>Frontend Development/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-purple-400 rounded-full>/span> span>WordPress Plugins/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-teal-400 rounded-full>/span> span>UI/UX Design/span> /div> /div> div classmt-4 flex justify-center space-x-3> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-blue-500 transition-colors duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg altReact classw-5 h-5> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-purple-500 transition-colors duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/wordpress/wordpress-original.svg altWordPress classw-5 h-5> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-teal-500 transition-colors duration-300> svg classw-4 h-4 text-white fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zM21 5a2 2 0 00-2-2h-4a2 2 0 00-2 2v12a4 4 0 004 4h4a2 2 0 002-2V5z/> /svg> /div> /div> /div> /div> /div> !-- Cofounder 1 - Backend, DevOps, GenAI --> div classgroup relative bg-gradient-to-br from-gray-800/50 to-gray-900/50 rounded-2xl p-6 border border-gray-700/50 hover:border-teal-400/50 transition-all duration-500 hover:transform hover:-translate-y-2 animate-on-scroll backdrop-blur-sm> div classabsolute inset-0 bg-gradient-to-br from-teal-500/10 to-blue-500/10 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500>/div> div classrelative z-10> div classw-24 h-24 mx-auto mb-6 rounded-full overflow-hidden ring-4 ring-gray-700 group-hover:ring-teal-400 transition-all duration-500> img srccofounder 1.jpeg altDinal Fernando - Co-founder & CTO classw-full h-full object-cover group-hover:scale-110 transition-transform duration-500> /div> div classtext-center> h3 classtext-xl font-bold text-white mb-2>Dinal Fernando/h3> p classtext-teal-400 font-semibold mb-3>Co-founder & CTO/p> div classspace-y-2 text-sm text-gray-400> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-teal-400 rounded-full>/span> span>Backend Engineering/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-blue-400 rounded-full>/span> span>DevOps & Cloud/span> /div> div classflex items-center justify-center space-x-2> span classw-2 h-2 bg-purple-400 rounded-full>/span> span>GenAI Integrations/span> /div> /div> div classmt-4 flex justify-center space-x-3> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-teal-500 transition-colors duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg altPython classw-5 h-5> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-blue-500 transition-colors duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg altDocker classw-5 h-5> /div> div classw-8 h-8 bg-gray-700 rounded-lg flex items-center justify-center group-hover:bg-purple-500 transition-colors duration-300> svg classw-4 h-4 text-white fillcurrentColor viewBox0 0 24 24> path dM12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z/> /svg> /div> /div> /div> /div> /div> /div> !-- Team Stats --> div classmt-16 grid grid-cols-1 md:grid-cols-4 gap-8 max-w-4xl mx-auto animate-on-scroll styletransition-delay: 600ms;> div classtext-center p-6 bg-gray-800/30 rounded-lg border border-gray-700/50> div classtext-3xl font-bold text-teal-400 mb-2>7+/div> p classtext-gray-400 text-sm>Years Experience/p> /div> div classtext-center p-6 bg-gray-800/30 rounded-lg border border-gray-700/50> div classtext-3xl font-bold text-blue-400 mb-2>100+/div> p classtext-gray-400 text-sm>Projects Delivered/p> /div> div classtext-center p-6 bg-gray-800/30 rounded-lg border border-gray-700/50> div classtext-3xl font-bold text-purple-400 mb-2>50+/div> p classtext-gray-400 text-sm>Happy Clients/p> /div> div classtext-center p-6 bg-gray-800/30 rounded-lg border border-gray-700/50> div classtext-3xl font-bold text-green-400 mb-2>24/7/div> p classtext-gray-400 text-sm>Support Available/p> /div> /div> /div> /section> div classsection-divider>/div> !-- Technology Stack Section --> section idtech classpy-24 md:py-32 bg-gradient-to-br from-gray-900/50 to-gray-800/30> div classcontainer mx-auto px-6> div classtext-center mb-16> h2 classtext-3xl md:text-4xl font-bold text-white animate-on-scroll>Technologies We Master/h2> p classmt-4 text-lg text-gray-400 animate-on-scroll styletransition-delay: 150ms;>Using the best tools for the job to build powerful applications./p> /div> div classmax-w-6xl mx-auto tech-grid> div classgrid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 gap-8 place-items-center animate-on-scroll> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg altPython classh-12 w-12 tech-logo titlePython> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/django/django-plain.svg altDjango classh-12 w-12 tech-logo titleDjango> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg altReact classh-12 w-12 tech-logo titleReact.js> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/vuejs/vuejs-original.svg altVue classh-12 w-12 tech-logo titleVue.js> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg altDocker classh-12 w-12 tech-logo titleDocker> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/amazonwebservices/amazonwebservices-original.svg altAWS classh-12 w-12 tech-logo titleAmazon Web Services> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/googlecloud/googlecloud-original.svg altGoogle Cloud classh-12 w-12 tech-logo titleGoogle Cloud Platform> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/kubernetes/kubernetes-plain.svg altKubernetes classh-12 w-12 tech-logo titleKubernetes> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg altJavaScript classh-12 w-12 tech-logo titleJavaScript> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg altTypeScript classh-12 w-12 tech-logo titleTypeScript> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg altPostgreSQL classh-12 w-12 tech-logo titlePostgreSQL> /div> div classtech-item p-4 bg-gray-800/50 rounded-lg border border-gray-700/50 hover:border-teal-400/50 transition-all duration-300> img srchttps://cdn.jsdelivr.net/gh/devicons/devicon/icons/nginx/nginx-original.svg altNginx classh-12 w-12 tech-logo titleNginx> /div> /div> /div> !-- Additional technologies showcase --> div classmt-16 grid grid-cols-1 md:grid-cols-3 gap-8 animate-on-scroll styletransition-delay: 400ms;> div classtext-center p-6 bg-gray-800/30 rounded-lg border border-gray-700/50> h4 classtext-lg font-semibold text-teal-400 mb-2>Frontend/h4> p classtext-gray-400 text-sm>React, Vue.js, TypeScript, Tailwind CSS, Next.js, Nuxt.js/p> /div> div classtext-center p-6 bg-gray-800/30 rounded-lg border border-gray-700/50> h4 classtext-lg font-semibold text-blue-400 mb-2>Backend/h4> p classtext-gray-400 text-sm>Python, Django, FastAPI, Node.js, PostgreSQL, Redis/p> /div> div classtext-center p-6 bg-gray-800/30 rounded-lg border border-gray-700/50> h4 classtext-lg font-semibold text-purple-400 mb-2>DevOps/h4> p classtext-gray-400 text-sm>Docker, Kubernetes, AWS, GCP, CI/CD, Terraform/p> /div> /div> /div> /section> div classsection-divider>/div> !-- Contact Section --> section idcontact classpy-24 md:py-40 relative> div classabsolute inset-0 bg-gradient-to-br from-teal-900/20 to-blue-900/20>/div> div classcontainer mx-auto px-6 text-center relative> div classanimate-on-scroll> h2 classtext-3xl md:text-5xl font-bold text-white>Lets Build Something Great Together./h2> p classmt-6 max-w-2xl mx-auto text-lg md:text-xl text-gray-300> Ready to get your project on the fast track? Reach out to our team to discuss your vision and lets turn it into reality. /p> /div> div classmt-12 grid grid-cols-1 md:grid-cols-3 gap-8 max-w-4xl mx-auto animate-on-scroll styletransition-delay: 200ms;> div classp-6 bg-gray-800/50 rounded-lg border border-gray-700/50> div classw-12 h-12 bg-teal-500/20 rounded-lg flex items-center justify-center mx-auto mb-4> svg classw-6 h-6 text-teal-400 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z>/path> /svg> /div> h3 classtext-lg font-semibold text-white mb-2>Email Us/h3> p classtext-gray-400>hello@codrail.com/p> /div> div classp-6 bg-gray-800/50 rounded-lg border border-gray-700/50> div classw-12 h-12 bg-blue-500/20 rounded-lg flex items-center justify-center mx-auto mb-4> svg classw-6 h-6 text-blue-400 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z>/path> /svg> /div> h3 classtext-lg font-semibold text-white mb-2>Response Time/h3> p classtext-gray-400>Within 24 hours/p> /div> div classp-6 bg-gray-800/50 rounded-lg border border-gray-700/50> div classw-12 h-12 bg-purple-500/20 rounded-lg flex items-center justify-center mx-auto mb-4> svg classw-6 h-6 text-purple-400 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM13 10V3L4 14h7v7l9-11h-7z>/path> /svg> /div> h3 classtext-lg font-semibold text-white mb-2>Fast Delivery/h3> p classtext-gray-400>MVP in 2-4 weeks/p> /div> /div> div classmt-12 animate-on-scroll styletransition-delay: 400ms;> a hrefmailto:hello@codrail.com classpx-8 py-4 rounded-lg text-white font-bold text-lg cta-button> Get In Touch /a> /div> /div> /section>/main>!-- Footer -->footer classbg-gray-900 border-t border-gray-800> div classcontainer mx-auto px-6> !-- Main Footer Content --> div classpy-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8> !-- Company Info --> div classlg:col-span-1> div classflex items-center space-x-2 mb-6> div classw-8 h-8 bg-gradient-to-r from-teal-400 to-blue-500 rounded pulse-glow>/div> span classtext-2xl font-bold text-white>Codspan classtext-teal-400>rail/span>/span> /div> p classtext-gray-400 mb-6 max-w-sm> Delivering robust, full-stack software solutions with the speed and precision of a high-speed train. Building the future, one project at a time. /p> div classflex space-x-4> a href# classw-10 h-10 bg-gray-800 hover:bg-teal-500 rounded-lg flex items-center justify-center transition-colors duration-300> svg classw-5 h-5 text-gray-400 hover:text-white fillcurrentColor viewBox0 0 24 24> path dM24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z/> /svg> /a> a href# classw-10 h-10 bg-gray-800 hover:bg-blue-500 rounded-lg flex items-center justify-center transition-colors duration-300> svg classw-5 h-5 text-gray-400 hover:text-white fillcurrentColor viewBox0 0 24 24> path dM20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z/> /svg> /a> a href# classw-10 h-10 bg-gray-800 hover:bg-gray-600 rounded-lg flex items-center justify-center transition-colors duration-300> svg classw-5 h-5 text-gray-400 hover:text-white fillcurrentColor viewBox0 0 24 24> path dM12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z/> /svg> /a> /div> /div> !-- Services --> div> h3 classtext-lg font-semibold text-white mb-6>Services/h3> ul classspace-y-4> li>a href#services classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Backend Engineering/a>/li> li>a href#services classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Frontend Development/a>/li> li>a href#services classtext-gray-400 hover:text-teal-400 transition-colors duration-300>GenAI & Vision/a>/li> li>a href#services classtext-gray-400 hover:text-teal-400 transition-colors duration-300>DevOps & Cloud/a>/li> li>a href# classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Consulting/a>/li> /ul> /div> !-- Company --> div> h3 classtext-lg font-semibold text-white mb-6>Company/h3> ul classspace-y-4> li>a href#team classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Our Team/a>/li> li>a href#process classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Our Process/a>/li> li>a href# classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Careers/a> /li> li>a href# classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Blog/a> /li> li>a href#contact classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Contact/a> /li> /ul> /div> !-- Contact Info --> div> h3 classtext-lg font-semibold text-white mb-6>Get In Touch/h3> ul classspace-y-4> li> div classflex items-start space-x-3> svg classw-5 h-5 text-teal-400 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM3 8l7.89 4.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z/> /svg> div> p classtext-gray-400 text-sm>Email/p> a hrefmailto:hello@codrail.com classtext-white hover:text-teal-400 transition-colors duration-300>hello@codrail.com/a> /div> /div> /li> li> div classflex items-start space-x-3> svg classw-5 h-5 text-teal-400 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z/> /svg> div> p classtext-gray-400 text-sm>Response Time/p> p classtext-white>Within 24 hours/p> /div> /div> /li> li> div classflex items-start space-x-3> svg classw-5 h-5 text-teal-400 mt-0.5 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z/> path stroke-linecapround stroke-linejoinround stroke-width2 dM15 11a3 3 0 11-6 0 3 3 0 016 0z/> /svg> div> p classtext-gray-400 text-sm>Location/p> p classtext-white>Global Remote/p> /div> /div> /li> /ul> /div> /div> !-- Privacy Policy & Bottom Footer --> div classborder-t border-gray-800 py-8> div classflex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0> div classflex flex-wrap items-center space-x-6 text-sm> p classtext-gray-500>© 2024 Codrail. All rights reserved./p> a href#privacy-policy classtext-gray-400 hover:text-teal-400 transition-colors duration-300 onclickopenPrivacyModal()>Privacy Policy/a> a href#terms classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Terms of Service/a> a href#cookies classtext-gray-400 hover:text-teal-400 transition-colors duration-300>Cookie Policy/a> /div> div classflex items-center space-x-4 text-sm text-gray-500> span>Made with/span> svg classw-4 h-4 text-red-500 fillcurrentColor viewBox0 0 20 20> path fill-ruleevenodd dM3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z clip-ruleevenodd/> /svg> span>by the Codrail Team/span> /div> /div> /div> /div>/footer>!-- Privacy Policy Modal -->div idprivacy-modal classfixed inset-0 bg-black bg-opacity-50 backdrop-blur-sm z-50 hidden> div classflex items-center justify-center min-h-screen p-4> div classbg-gray-900 border border-gray-700 rounded-2xl max-w-4xl w-full max-h-screen overflow-y-auto> div classp-8> div classflex justify-between items-center mb-6> h2 classtext-2xl font-bold text-white>Privacy Policy/h2> button onclickclosePrivacyModal() classtext-gray-400 hover:text-white transition-colors duration-300> svg classw-6 h-6 fillnone strokecurrentColor viewBox0 0 24 24> path stroke-linecapround stroke-linejoinround stroke-width2 dM6 18L18 6M6 6l12 12/> /svg> /button> /div> div classprose prose-invert max-w-none> div classtext-gray-300 space-y-6> p classtext-sm text-gray-500>Last updated: December 2024/p> section> h3 classtext-lg font-semibold text-white mb-3>Information We Collect/h3> p>We collect information you provide directly to us, such as when you contact us for services, subscribe to our newsletter, or fill out forms on our website./p> /section> section> h3 classtext-lg font-semibold text-white mb-3>How We Use Your Information/h3> ul classlist-disc pl-6 space-y-2> li>To provide and improve our software development services/li> li>To respond to your inquiries and communicate with you/li> li>To send you technical updates and service announcements/li> li>To analyze and improve our website and services/li> /ul> /section> section> h3 classtext-lg font-semibold text-white mb-3>Information Sharing/h3> p>We do not sell, trade, or otherwise transfer your personal information to third parties except as described in this policy. We may share information with trusted service providers who assist us in operating our website and conducting our business./p> /section> section> h3 classtext-lg font-semibold text-white mb-3>Data Security/h3> p>We implement appropriate security measures to protect your personal information against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission over the internet is 100% secure./p> /section> section> h3 classtext-lg font-semibold text-white mb-3>Your Rights/h3> p>You have the right to access, update, or delete your personal information. You may also opt out of receiving promotional communications from us at any time./p> /section> section> h3 classtext-lg font-semibold text-white mb-3>Contact Us/h3> p>If you have any questions about this Privacy Policy, please contact us at a hrefmailto:hello@codrail.com classtext-teal-400 hover:text-teal-300>hello@codrail.com/a>. /p> /section> /div> /div> /div> /div> /div>/div>script> // JavaScript for scroll animations document.addEventListener(DOMContentLoaded, () > { const observerOptions { root: null, rootMargin: -10% 0px -10% 0px, threshold: 0.1 }; const observer new IntersectionObserver((entries, observer) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(is-visible); observer.unobserve(entry.target); } }); }, observerOptions); const elementsToAnimate document.querySelectorAll(.animate-on-scroll, .animate-slide-left, .animate-slide-right); elementsToAnimate.forEach(el > observer.observe(el)); const timelineItems document.querySelectorAll(.timeline-item); const timelineObserver new IntersectionObserver((entries, observer) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(is-visible); observer.unobserve(entry.target); } }); }, {threshold: 0.5}); timelineItems.forEach(item > timelineObserver.observe(item)); // Make header glass-like on scroll const header document.getElementById(header); window.addEventListener(scroll, () > { if (window.scrollY > 50) { header.classList.add(glass-nav); } else { header.classList.remove(glass-nav); } }); // Smooth scrolling for anchor links document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); const target document.querySelector(this.getAttribute(href)); if (target) { target.scrollIntoView({ behavior: smooth, block: start }); } }); }); }); // Privacy Policy Modal Functions function openPrivacyModal() { document.getElementById(privacy-modal).classList.remove(hidden); document.body.style.overflow hidden; } function closePrivacyModal() { document.getElementById(privacy-modal).classList.add(hidden); document.body.style.overflow auto; } // Close modal when clicking outside document.getElementById(privacy-modal).addEventListener(click, function (e) { if (e.target this) { closePrivacyModal(); } }); // Close modal on escape key document.addEventListener(keydown, function (e) { if (e.key Escape) { closePrivacyModal(); } });/script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]