Help
RSS
API
Feed
Maltego
Contact
Domain > www.netvesion.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-09-25
147.79.69.52
(
ClassC
)
2026-02-23
92.112.198.200
(
ClassC
)
Port 80
HTTP/1.1 301 Moved PermanentlyDate: Mon, 23 Feb 2026 03:47:22 GMTContent-Type: text/htmlContent-Length: 795Connection: keep-aliveLocation: https://www.netvesion.com/platform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requestsServer: hcdnalt-svc: h3:443; ma86400x-hcdn-request-id: 55dea987100f4fe8f6c7a636b7405ef7-phx-edge7x-hcdn-cache-status: MISSx-hcdn-upstream-rt: 0.004 !DOCTYPE html>html styleheight:100%>head>meta nameviewport contentwidthdevice-width, initial-scale1, shrink-to-fitno />title> 301 Moved Permanently/title>style>@media (prefers-color-scheme:dark){body{background-color:#000!important}}/style>/head>body stylecolor: #444; margin:0;font: normal 14px/20px Arial, Helvetica, sans-serif; height:100%; background-color: #fff;>div styleheight:auto; min-height:100%; > div styletext-align: center; width:800px; margin-left: -400px; position:absolute; top: 30%; left:50%;> h1 stylemargin:0; font-size:150px; line-height:150px; font-weight:bold;>301/h1>h2 stylemargin-top:20px;font-size: 30px;>Moved Permanently/h2>p>The document has been permanently moved./p>/div>/div>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Mon, 23 Feb 2026 03:47:22 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-aliveVary: Accept-EncodingLast-Modified: Sat, 27 Sep 2025 18:27:39 GMTEtag: W/11136-68d82c9b-f7e817adaf7fb970;gzplatform: hostingerpanel: hpanelContent-Security-Policy: upgrade-insecure-requestsServer: hcdnalt-svc: h3:443; ma86400x-hcdn-request-id: 4f9c8769141baec2b66720fa81fbca05-phx-edge7x-hcdn-cache-status: DYNAMICx-hcdn-upstream-rt: 0.012 !DOCTYPE html>html langfr>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>NetVision - Développement & Solutions Cloud/title> style> * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary: #667eea; --secondary: #f45c43; --dark: #0a0a0a; --darker: #1a1a2e; } body { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, sans-serif; line-height: 1.6; color: #333; overflow-x: hidden; background: var(--dark); } /* Cursor personnalisé */ body { cursor: none; } .custom-cursor { width: 20px; height: 20px; border: 2px solid var(--primary); border-radius: 50%; position: fixed; pointer-events: none; z-index: 10000; transition: transform 0.15s ease; mix-blend-mode: difference; } .custom-cursor.clicked { transform: scale(1.5); background: var(--primary); } /* Animated Background avec Canvas */ .animated-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(135deg, var(--dark) 0%, var(--darker) 100%); } #particleCanvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* Progress Bar */ .scroll-progress { position: fixed; top: 0; left: 0; width: 0%; height: 4px; background: linear-gradient(90deg, var(--primary), var(--secondary)); z-index: 10001; transition: width 0.1s ease; } /* Header avec effet blur au scroll */ header { background: rgba(10, 10, 10, 0.5); backdrop-filter: blur(10px); padding: 1rem 0; position: fixed; width: 100%; top: 0; z-index: 1000; border-bottom: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.3s; } header.scrolled { background: rgba(10, 10, 10, 0.95); backdrop-filter: blur(20px); padding: 0.7rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } nav { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 3rem; } .logo { font-size: 1.8rem; font-weight: bold; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: relative; } .logo::after { content: ; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, var(--primary), var(--secondary)); transform: scaleX(0); transition: transform 0.3s; } .logo:hover::after { transform: scaleX(1); } /* Menu hamburger mobile */ .menu-toggle { display: none; flex-direction: column; gap: 6px; cursor: pointer; } .menu-toggle span { width: 30px; height: 3px; background: white; transition: all 0.3s; } .menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(8px, 8px); } .menu-toggle.active span:nth-child(2) { opacity: 0; } .menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(8px, -8px); } .nav-links { display: flex; gap: 2.5rem; list-style: none; } .nav-links a { color: rgba(255, 255, 255, 0.8); text-decoration: none; font-weight: 500; transition: all 0.3s; position: relative; } .nav-links a::after { content: ; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%) scaleX(0); width: 100%; height: 2px; background: linear-gradient(90deg, var(--primary), var(--secondary)); transition: transform 0.3s; } .nav-links a:hover { color: var(--primary); } .nav-links a:hover::after { transform: translateX(-50%) scaleX(1); } .nav-cta { background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); color: white; padding: 10px 25px; border-radius: 25px; text-decoration: none; transition: all 0.3s; position: relative; overflow: hidden; } .nav-cta::before { content: ; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(255,255,255,0.3); transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; } .nav-cta:hover::before { width: 300px; height: 300px; } .nav-cta:hover { transform: translateY(-2px); box-shadow: 0 10px 40px rgba(102,126,234,0.5); } /* Hero avec effet parallax */ .hero { padding: 180px 3rem 120px; margin-top: 70px; position: relative; min-height: 100vh; display: flex; align-items: center; } .hero-content { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; position: relative; z-index: 1; } .hero-text h1 { font-size: 4.5rem; margin-bottom: 1.5rem; line-height: 1.1; background: linear-gradient(135deg, #fff 0%, var(--primary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-text p { font-size: 1.4rem; margin-bottom: 2.5rem; color: rgba(255, 255, 255, 0.8); } .hero-buttons { display: flex; gap: 1.5rem; } .btn-primary, .btn-secondary { padding: 15px 35px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.4s; position: relative; overflow: hidden; } .btn-primary { background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); color: white; } .btn-primary::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: left 0.5s; } .btn-primary:hover::before { left: 100%; } .btn-primary:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 20px 50px rgba(102,126,234,0.4); } .btn-secondary { background: transparent; color: white; border: 2px solid var(--primary); } .btn-secondary::before { content: ; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--primary); transition: width 0.4s; z-index: -1; } .btn-secondary:hover::before { width: 100%; } .btn-secondary:hover { transform: translateY(-3px); } /* Code window avec effet 3D */ .hero-visual { display: flex; justify-content: center; align-items: center; perspective: 1000px; } .code-window { background: rgba(30, 30, 30, 0.8); backdrop-filter: blur(10px); border-radius: 15px; padding: 1.5rem; width: 100%; max-width: 550px; box-shadow: 0 30px 80px rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.1); transform-style: preserve-3d; transition: transform 0.3s; } .code-window:hover { transform: rotateY(5deg) rotateX(5deg); } .window-header { display: flex; gap: 8px; margin-bottom: 1rem; } .window-dot { width: 12px; height: 12px; border-radius: 50%; animation: pulse 2s ease-in-out infinite; } .dot-red { background: #ff5f56; animation-delay: 0s; } .dot-yellow { background: #ffbd2e; animation-delay: 0.2s; } .dot-green { background: #27c93f; animation-delay: 0.4s; } @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.6; transform: scale(0.9); } } .code-content { color: #d4d4d4; font-family: Courier New, monospace; font-size: 0.95rem; line-height: 2; } .code-keyword { color: #c586c0; } .code-function { color: #dcdcaa; } .code-string { color: #ce9178; } .code-comment { color: #6a9955; } .typing-cursor { display: inline-block; width: 2px; height: 16px; background: var(--primary); animation: blink 1s infinite; } @keyframes blink { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } } /* Services avec effet magnetic hover */ .services { padding: 120px 3rem; position: relative; } .section-header { text-align: center; max-width: 800px; margin: 0 auto 5rem; } .section-header h2 { font-size: 3.5rem; background: linear-gradient(135deg, #fff 0%, var(--primary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 1rem; } .section-header p { font-size: 1.2rem; color: rgba(255, 255, 255, 0.7); } .services-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2.5rem; } .service-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); padding: 3rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); position: relative; overflow: hidden; } .service-card::before { content: ; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(102,126,234,0.1) 0%, rgba(244,92,67,0.1) 100%); opacity: 0; transition: opacity 0.5s; } .service-card:hover::before { opacity: 1; } .service-card::after { content: ; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: radial-gradient(circle, rgba(102,126,234,0.2), transparent); transform: translate(-50%, -50%); transition: width 0.6s, height 0.6s; } .service-card:hover::after { width: 500px; height: 500px; } .service-card:hover { transform: translateY(-15px) scale(1.02); border-color: rgba(102,126,234,0.5); box-shadow: 0 30px 60px rgba(102,126,234,0.3); } .service-icon { font-size: 3.5rem; margin-bottom: 1.5rem; display: inline-block; position: relative; z-index: 1; animation: bounce 2s ease-in-out infinite; } @keyframes bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } .service-card h3 { font-size: 1.6rem; color: white; margin-bottom: 1rem; position: relative; z-index: 1; } .service-card p { color: rgba(255, 255, 255, 0.7); margin-bottom: 1.5rem; position: relative; z-index: 1; } .service-link { color: var(--primary); text-decoration: none; font-weight: 600; display: inline-flex; align-items: center; gap: 8px; position: relative; z-index: 1; transition: gap 0.3s; } .service-link:hover { gap: 15px; } /* Projects avec effet tilt */ .projects { padding: 120px 3rem; position: relative; } .projects-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 3rem; } .project-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border-radius: 20px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); position: relative; cursor: pointer; transform-style: preserve-3d; } .project-image { width: 100%; height: 280px; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 4rem; } .project-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.4s; } .project-card:hover .project-overlay { opacity: 1; } .project-overlay-text { color: white; font-size: 1.2rem; font-weight: 600; transform: translateY(20px); transition: transform 0.4s; } .project-card:hover .project-overlay-text { transform: translateY(0); } .project-content { padding: 2rem; } .project-tags { display: flex; gap: 10px; margin-bottom: 1rem; flex-wrap: wrap; } .tag { background: rgba(102,126,234,0.2); color: var(--primary); padding: 5px 15px; border-radius: 20px; font-size: 0.85rem; border: 1px solid rgba(102,126,234,0.3); } .project-content h3 { color: white; font-size: 1.6rem; margin-bottom: 1rem; } .project-content p { color: rgba(255, 255, 255, 0.7); line-height: 1.8; } .project-card:hover { transform: translateY(-10px); border-color: rgba(102,126,234,0.5); box-shadow: 0 30px 60px rgba(102,126,234,0.3); } /* Technologies avec rotation 3D */ .technologies { padding: 120px 3rem; } .tech-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 2rem; margin-top: 3rem; } .tech-item { text-align: center; padding: 2.5rem 1.5rem; border-radius: 15px; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s; transform-style: preserve-3d; } .tech-item:hover { transform: translateY(-15px) rotateY(10deg); border-color: rgba(102,126,234,0.5); box-shadow: 0 20px 50px rgba(102,126,234,0.3); } .tech-icon { font-size: 4rem; margin-bottom: 1rem; display: inline-block; animation: rotate3d 10s ease-in-out infinite; } @keyframes rotate3d { 0%, 100% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); } } .tech-item h4 { font-size: 1.1rem; color: white; } /* Stats avec compteur animé */ .stats { background: linear-gradient(135deg, rgba(102,126,234,0.2) 0%, rgba(118,75,162,0.2) 100%); backdrop-filter: blur(20px); color: white; padding: 100px 3rem; position: relative; } .stats-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 4rem; text-align: center; } .stat-item { position: relative; } .stat-item::before { content: ; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background: linear-gradient(90deg, var(--primary), var(--secondary)); border-radius: 2px; } .stat-item h3 { font-size: 4rem; margin-bottom: 0.5rem; background: linear-gradient(135deg, #fff 0%, var(--primary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .stat-item p { font-size: 1.2rem; color: rgba(255, 255, 255, 0.8); } /* Contact Form */ .contact-section { padding: 120px 3rem; position: relative; } .contact-container { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.2fr; gap: 5rem; align-items: start; } .contact-info h2 { font-size: 3.2rem; background: linear-gradient(135deg, #fff 0%, var(--primary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; margin-bottom: 1rem; line-height: 1.2; } .contact-subtitle { font-size: 1.2rem; color: rgba(255, 255, 255, 0.7); margin-bottom: 3rem; line-height: 1.8; } .expertise-badges { display: grid; gap: 1.5rem; margin-bottom: 3rem; } .badge-item { display: flex; align-items: center; gap: 1.5rem; padding: 1.5rem; background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s; } .badge-item:hover { transform: translateX(10px); background: rgba(102, 126, 234, 0.1); border-color: rgba(102, 126, 234, 0.3); } .badge-icon { font-size: 2.5rem; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); border-radius: 15px; } .badge-text h4 { color: white; font-size: 1.3rem; margin-bottom: 0.3rem; } .badge-text p { color: rgba(255, 255, 255, 0.6); font-size: 0.95rem; } .contact-methods { display: grid; gap: 1.5rem; margin-top: 2rem; } .method-item { display: flex; align-items: center; gap: 1.2rem; padding: 1.2rem; background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(10px); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.3s; } .method-item:hover { background: rgba(255, 255, 255, 0.05); border-color: rgba(102, 126, 234, 0.3); } .method-icon { font-size: 1.8rem; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: rgba(102, 126, 234, 0.1); border-radius: 10px; } .method-details h4 { color: white; font-size: 1.1rem; margin-bottom: 0.2rem; } .method-details p { color: rgba(255, 255, 255, 0.6); font-size: 0.95rem; } .contact-form-wrapper { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(20px); padding: 3rem; border-radius: 25px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3); } .contact-form { display: flex; flex-direction: column; gap: 1.5rem; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .form-group { display: flex; flex-direction: column; gap: 0.5rem; } .form-group label { color: rgba(255, 255, 255, 0.9); font-weight: 500; font-size: 0.95rem; } .form-group input, .form-group select, .form-group textarea { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 1rem 1.2rem; color: white; font-size: 1rem; font-family: inherit; transition: all 0.3s; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--primary); background: rgba(102, 126, 234, 0.1); box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); } .form-group input::placeholder, .form-group textarea::placeholder { color: rgba(255, 255, 255, 0.4); } .form-group select { cursor: pointer; } .form-group select option { background: #1a1a1a; color: white; } .form-group textarea { resize: vertical; min-height: 120px; } .submit-btn { background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); color: white; border: none; border-radius: 12px; padding: 1.2rem 2.5rem; font-size: 1.1rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 1rem; transition: all 0.4s; position: relative; overflow: hidden; margin-top: 1rem; } .submit-btn::before { content: ; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); transition: left 0.6s; } .submit-btn:hover::before { left: 100%; } .submit-btn:hover { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(102, 126, 234, 0.4); } .submit-btn:hover .btn-icon { transform: translateX(5px); } .btn-icon { font-size: 1.3rem; transition: transform 0.3s; } .form-note { color: rgba(255, 255, 255, 0.5); font-size: 0.85rem; text-align: center; margin-top: 0.5rem; } /* Testimonials */ .testimonials { padding: 120px 3rem; background: rgba(255, 255, 255, 0.02); position: relative; } .testimonials-slider { max-width: 1400px; margin: 4rem auto 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 3rem; } .testimonial-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); padding: 2.5rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); position: relative; transition: all 0.4s; } .testimonial-card::before { content: ; position: absolute; top: 20px; left: 20px; font-size: 5rem; color: rgba(102, 126, 234, 0.2); font-family: Georgia, serif; line-height: 1; } .testimonial-card:hover { transform: translateY(-10px); border-color: rgba(102, 126, 234, 0.3); box-shadow: 0 20px 50px rgba(102, 126, 234, 0.2); } .testimonial-text { color: rgba(255, 255, 255, 0.8); font-size: 1.05rem; line-height: 1.8; margin-bottom: 2rem; position: relative; z-index: 1; } .testimonial-author { display: flex; align-items: center; gap: 1rem; } .author-avatar { width: 60px; height: 60px; border-radius: 50%; background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: bold; color: white; } .author-info h4 { color: white; font-size: 1.1rem; margin-bottom: 0.2rem; } .author-info p { color: rgba(255, 255, 255, 0.6); font-size: 0.9rem; } .rating { margin-top: 0.5rem; color: #ffd700; } /* Footer */ footer { background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(20px); color: white; padding: 80px 3rem 40px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-content { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 4rem; margin-bottom: 3rem; } .footer-section h3 { margin-bottom: 1.5rem; font-size: 1.3rem; background: linear-gradient(135deg, #fff 0%, var(--primary) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .footer-section ul { list-style: none; } .footer-section ul li { margin-bottom: 1rem; } .footer-section a { color: rgba(255, 255, 255, 0.6); text-decoration: none; transition: all 0.3s; position: relative; padding-left: 20px; } .footer-section a::before { content: →; position: absolute; left: 0; opacity: 0; transition: all 0.3s; } .footer-section a:hover { color: var(--primary); padding-left: 25px; } .footer-section a:hover::before { opacity: 1; } .footer-bottom { max-width: 1400px; margin: 0 auto; padding-top: 3rem; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; color: rgba(255, 255, 255, 0.5); } /* Back to top button */ .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary), var(--secondary)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; cursor: pointer; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 999; } .back-to-top.visible { opacity: 1; visibility: visible; } .back-to-top:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(102, 126, 234, 0.5); } /* Responsive */ @media (max-width: 968px) { .menu-toggle { display: flex; } .nav-links { position: fixed; top: 70px; left: -100%; width: 100%; height: calc(100vh - 70px); background: rgba(10, 10, 10, 0.98); backdrop-filter: blur(20px); flex-direction: column; padding: 3rem; gap: 2rem; transition: left 0.3s; } .nav-links.active { left: 0; } .hero-content { grid-template-columns: 1fr; text-align: center; } .hero-text h1 { font-size: 2.5rem; } .hero-buttons { justify-content: center; flex-direction: column; align-items: center; } .hero-visual { display: none; } .projects-grid { grid-template-columns: 1fr; } .contact-container { grid-template-columns: 1fr; } .form-row { grid-template-columns: 1fr; } .testimonials-slider { grid-template-columns: 1fr; } } /* Scroll Reveal Animation */ .reveal { opacity: 0; transform: translateY(50px); transition: all 0.8s ease-out; } .reveal.active { opacity: 1; transform: translateY(0); } /* Loading Animation */ .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark); display: flex; align-items: center; justify-content: center; z-index: 10000; transition: opacity 0.5s, visibility 0.5s; } .loader.hidden { opacity: 0; visibility: hidden; } .loader-circle { width: 80px; height: 80px; border: 4px solid rgba(102, 126, 234, 0.2); border-top-color: var(--primary); border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } /style>/head>body> !-- Loader --> div classloader> div classloader-circle>/div> /div> !-- Custom Cursor --> div classcustom-cursor>/div> !-- Scroll Progress --> div classscroll-progress>/div> !-- Animated Background --> div classanimated-bg>/div> canvas idparticleCanvas>/canvas> !-- Header --> header> nav> div classlogo>NetVision/div> div classmenu-toggle> span>/span> span>/span> span>/span> /div> ul classnav-links> li>a href#accueil>Accueil/a>/li> li>a href#services>Services/a>/li> li>a href#projets>Projets/a>/li> li>a href#technologies>Technologies/a>/li> /ul> a href#contact classnav-cta>Nous contacter/a> /nav> /header> !-- Hero Section --> section classhero idaccueil> div classhero-content> div classhero-text> h1>Transformez vos idées en solutions Cloud innovantes/h1> p>NetVision conçoit et développe des applications cloud performantes et évolutives pour propulser votre entreprise vers le futur./p> div classhero-buttons> a href#services classbtn-primary>Découvrir nos services/a> a href#contact classbtn-secondary>Démarrer un projet/a> /div> /div> div classhero-visual> div classcode-window> div classwindow-header> div classwindow-dot dot-red>/div> div classwindow-dot dot-yellow>/div> div classwindow-dot dot-green>/div> /div> div classcode-content> span classcode-comment>// NetVision Cloud Solution/span>br> span classcode-keyword>const/span> span classcode-function>deployApp/span> span classcode-keyword>async/span> () > {br> span classcode-keyword>await/span> cloud.span classcode-function>deploy/span>({br> platform: span classcode-string>AWS/Azure/span>,br> scalable: span classcode-keyword>true/span>,br> secure: span classcode-keyword>true/span>br> });br> };span classtyping-cursor>/span> /div> /div> /div> /div> /section> !-- Services Section --> section classservices reveal idservices> div classsection-header> h2>Nos Services/h2> p>Des solutions complètes pour accompagner votre transformation digitale/p> /div> div classservices-grid> div classservice-card> div classservice-icon>☁️/div> h3>Solutions Cloud/h3> p>Architecture et déploiement dinfrastructures cloud sur AWS, Azure et Google Cloud Platform./p> a href# classservice-link>En savoir plus →/a> /div> div classservice-card> div classservice-icon>💻/div> h3>Développement Web & Mobile/h3> p>Applications web modernes et applications mobiles natives performantes et intuitives./p> a href# classservice-link>En savoir plus →/a> /div> div classservice-card> div classservice-icon>🔐/div> h3>Sécurité & DevOps/h3> p>Mise en place de pipelines CI/CD et stratégies de sécurité pour vos applications./p> a href# classservice-link>En savoir plus →/a> /div> div classservice-card> div classservice-icon>🤖/div> h3>IA & Machine Learning/h3> p>Intégration de solutions dintelligence artificielle et dapprentissage automatique./p> a href# classservice-link>En savoir plus →/a> /div> div classservice-card> div classservice-icon>📊/div> h3>Data Engineering/h3> p>Conception de data pipelines et solutions danalyse de données en temps réel./p> a href# classservice-link>En savoir plus →/a> /div> div classservice-card> div classservice-icon>🎯/div> h3>Consulting IT/h3> p>Accompagnement stratégique dans votre transformation digitale et cloud./p> a href# classservice-link>En savoir plus →/a> /div> /div> /section> !-- Projects Section --> section classprojects reveal idprojets> div classsection-header> h2>Nos Projets/h2> p>Découvrez nos réalisations et cas de succès/p> /div> div classprojects-grid> div classproject-card> div classproject-image> 🏦 div classproject-overlay> span classproject-overlay-text>Voir le projet →/span> /div> /div> div classproject-content> div classproject-tags> span classtag>Cloud/span> span classtag>React/span> span classtag>AWS/span> /div> h3>Plateforme Bancaire Cloud/h3> p>Solution complète de gestion bancaire avec architecture microservices déployée sur AWS, servant plus de 500K utilisateurs quotidiennement./p> /div> /div> div classproject-card> div classproject-image stylebackground: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);> 🛒 div classproject-overlay> span classproject-overlay-text>Voir le projet →/span> /div> /div> div classproject-content> div classproject-tags> span classtag>E-commerce/span> span classtag>Next.js/span> span classtag>Stripe/span> /div> h3>Marketplace E-commerce/h3> p>Plateforme de vente en ligne avec paiement intégré, gestion des stocks en temps réel et tableau de bord analytique avancé./p> /div> /div> div classproject-card> div classproject-image stylebackground: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);> 📱 div classproject-overlay> span classproject-overlay-text>Voir le projet →/span> /div> /div> div classproject-content> div classproject-tags> span classtag>Mobile/span> span classtag>React Native/span> span classtag>Firebase/span> /div> h3>Application de Livraison/h3> p>Application mobile cross-platform avec géolocalisation en temps réel et système de notification push intelligent./p> /div> /div> div classproject-card> div classproject-image stylebackground: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);> 🏥 div classproject-overlay> span classproject-overlay-text>Voir le projet →/span> /div> /div> div classproject-content> div classproject-tags> span classtag>Healthcare/span> span classtag>IA/span> span classtag>Python/span> /div> h3>Système de Diagnostic IA/h3> p>Plateforme médicale utilisant lIA pour lanalyse dimages et laide au diagnostic, avec une précision de 95%./p> /div> /div> div classproject-card> div classproject-image stylebackground: linear-gradient(135deg, #fa709a 0%, #fee140 100%);> 📊 div classproject-overlay> span classproject-overlay-text>Voir le projet →/span> /div> /div> div classproject-content> div classproject-tags> span classtag>Data/span> span classtag>Python/span> span classtag>Azure/span> /div> h3>Dashboard Analytics/h3> p>Tableau de bord en temps réel pour lanalyse de données massives avec visualisations interactives et reporting automatisé./p> /div> /div> div classproject-card> div classproject-image stylebackground: linear-gradient(135deg, #30cfd0 0%, #330867 100%);> 🎓 div classproject-overlay> span classproject-overlay-text>Voir le projet →/span> /div> /div> div classproject-content> div classproject-tags> span classtag>EdTech/span> span classtag>Vue.js/span> span classtag>WebRTC/span> /div> h3>Plateforme E-Learning/h3> p>Solution dapprentissage en ligne avec visioconférence intégrée, supports interactifs et suivi personnalisé des élèves./p> /div> /div> /div> /section> !-- Technologies Section --> section classtechnologies reveal idtechnologies> div classsection-header> h2>Technologies de Pointe/h2> p>Nous maîtrisons les technologies les plus avancées du marché/p> /div> div classtech-grid> div classtech-item> div classtech-icon>⚛️/div> h4>React / Next.js/h4> /div> div classtech-item> div classtech-icon>🟢/div> h4>Node.js/h4> /div> div classtech-item> div classtech-icon>🐍/div> h4>Python/h4> /div> div classtech-item> div classtech-icon>☁️/div> h4>AWS/h4> /div> div classtech-item> div classtech-icon>🔷/div> h4>Azure/h4> /div> div classtech-item> div classtech-icon>🐳/div> h4>Docker/h4> /div> div classtech-item> div classtech-icon>☸️/div> h4>Kubernetes/h4> /div> div classtech-item> div classtech-icon>🗄️/div> h4>PostgreSQL/h4> /div> /div> /section> !-- Stats Section --> section classstats reveal> div classstats-grid> div classstat-item> h3 classcounter data-target150>0/h3> p>Projets réalisés/p> /div> div classstat-item> h3 classcounter data-target50>0/h3> p>Clients satisfaits/p> /div> div classstat-item> h3>99.9%/h3> p>Disponibilité/p> /div> div classstat-item> h3>24/7/h3> p>Support technique/p> /div> /div> /section> !-- Contact Form Section --> section classcontact-section reveal idcontact> div classcontact-container> div classcontact-info> h2>Parlons de Votre Projet/h2> p classcontact-subtitle>Plus de 30 ans dexpertise à votre service pour transformer vos idées en solutions innovantes/p> div classexpertise-badges> div classbadge-item> div classbadge-icon>🏆/div> div classbadge-text> h4>30+ Ans/h4> p>Dexpérience/p> /div> /div> div classbadge-item> div classbadge-icon>⭐/div> div classbadge-text> h4>Expert Certifié/h4> p>AWS & Azure/p> /div> /div> div classbadge-item> div classbadge-icon>🎯/div> div classbadge-text> h4>100%/h4> p>Satisfaction/p> /div> /div> /div> div classcontact-methods> div classmethod-item> div classmethod-icon>📧/div> div classmethod-details> h4>Email/h4> p>contact@netvision.com/p> /div> /div> div classmethod-item> div classmethod-icon>📱/div> div classmethod-details> h4>Téléphone/h4> p>+212 5XX-XXXXXX/p> /div> /div> div classmethod-item> div classmethod-icon>📍/div> div classmethod-details> h4>Adresse/h4> p>Casablanca, Maroc/p> /div> /div> div classmethod-item> div classmethod-icon>⏰/div> div classmethod-details> h4>Horaires/h4> p>Lun-Ven: 9h-18h/p> /div> /div> /div> /div> div classcontact-form-wrapper> form classcontact-form idcontactForm> div classform-group> label forname>Nom complet */label> input typetext idname namename required placeholderVotre nom> /div> div classform-row> div classform-group> label foremail>Email */label> input typeemail idemail nameemail required placeholdervotre@email.com> /div> div classform-group> label forphone>Téléphone/label> input typetel idphone namephone placeholder+212 XXX-XXXXXX> /div> /div> div classform-group> label forcompany>Entreprise/label> input typetext idcompany namecompany placeholderNom de votre entreprise> /div> div classform-group> label forservice>Service souhaité */label> select idservice nameservice required> option value>Sélectionnez un service/option> option valuecloud>Solutions Cloud/option> option valueweb>Développement Web & Mobile/option> option valuedevops>DevOps & Sécurité/option> option valueia>IA & Machine Learning/option> option valuedata>Data Engineering/option> option valueconsulting>Consulting IT/option> /select> /div> div classform-group> label forbudget>Budget estimé/label> select idbudget namebudget> option value>Sélectionnez une fourchette/option> option value5k-10k>5K - 10K €/option> option value10k-25k>10K - 25K €/option> option value25k-50k>25K - 50K €/option> option value50k+>50K+ €/option> /select> /div> div classform-group> label formessage>Message */label> textarea idmessage namemessage required placeholderDécrivez votre projet en détail... rows5>/textarea> /div> button typesubmit classsubmit-btn> span classbtn-text>Envoyer le message/span> span classbtn-icon>→/span> /button> p classform-note>* Champs obligatoires - Vos données sont protégées et confidentielles/p> /form> /div> /div> /section> !-- Testimonials Section --> section classtestimonials reveal> div classsection-header> h2>Ce Que Disent Nos Clients/h2> p>La satisfaction client au cœur de notre expertise/p> /div> div classtestimonials-slider> div classtestimonial-card> p classtestimonial-text>NetVision a transformé notre infrastructure IT. Leur expertise de 30 ans se ressent dans chaque aspect du projet. Une équipe exceptionnelle !/p> div classtestimonial-author> div classauthor-avatar>MK/div> div classauthor-info> h4>Mohamed Khalil/h4> p>CEO, TechCorp/p> div classrating>⭐⭐⭐⭐⭐/div> /div> /div> /div> div classtestimonial-card> p classtestimonial-text>Leur maîtrise des technologies cloud est impressionnante. Migration AWS réalisée sans aucune interruption de service. Professionnalisme absolu./p> div classtestimonial-author> div classauthor-avatar>SA/div> div classauthor-info> h4>Sarah Amrani/h4> p>CTO, DigitalHub/p> div classrating>⭐⭐⭐⭐⭐/div> /div> /div> /div> div classtestimonial-card> p classtestimonial-text>Un partenaire de confiance. Leur expérience et leur approche consultative nous ont permis déconomiser des mois de développement./p> div classtestimonial-author> div classauthor-avatar>YB/div> div classauthor-info> h4>Youssef Bennani/h4> p>Directeur IT, FinanceGroup/p> div classrating>⭐⭐⭐⭐⭐/div> /div> /div> /div> /div> /section> !-- Footer --> footer> div classfooter-content> div classfooter-section> h3>NetVision/h3> p stylecolor: rgba(255,255,255,0.6);>Expert en développement et solutions cloud, nous transformons vos idées en réalité digitale./p> /div> div classfooter-section> h3>Services/h3> ul> li>a href#>Solutions Cloud/a>/li> li>a href#>Développement Web/a>/li> li>a href#>DevOps & Sécurité/a>/li> li>a href#>Consulting IT/a>/li> /ul> /div> div classfooter-section> h3>Entreprise/h3> ul> li>a href#>À propos/a>/li> li>a href#>Portfolio/a>/li> li>a href#>Carrières/a>/li> li>a href#>Blog/a>/li> /ul> /div> div classfooter-section> h3>Contact/h3> ul> li stylecolor: rgba(255,255,255,0.6);>📧 contact@netvision.com/li> li stylecolor: rgba(255,255,255,0.6);>📱 +212 5XX-XXXXXX/li> li stylecolor: rgba(255,255,255,0.6);>📍 Casablanca, Maroc/li> /ul> /div> /div> div classfooter-bottom> p>© 2025 NetVision. Tous droits réservés./p> /div> /footer> !-- Back to Top --> div classback-to-top>↑/div> script> // Loader window.addEventListener(load, () > { setTimeout(() > { document.querySelector(.loader).classList.add(hidden); }, 1000); }); // Custom Cursor const cursor document.querySelector(.custom-cursor); let mouseX 0, mouseY 0; let cursorX 0, cursorY 0; document.addEventListener(mousemove, (e) > { mouseX e.clientX; mouseY e.clientY; }); function animateCursor() { cursorX + (mouseX - cursorX) * 0.2; cursorY + (mouseY - cursorY) * 0.2; cursor.style.left cursorX + px; cursor.style.top cursorY + px; requestAnimationFrame(animateCursor); } animateCursor(); document.addEventListener(mousedown, () > cursor.classList.add(clicked)); document.addEventListener(mouseup, () > cursor.classList.remove(clicked)); // Particle Canvas const canvas document.getElementById(particleCanvas); const ctx canvas.getContext(2d); canvas.width window.innerWidth; canvas.height window.innerHeight; const particles ; const particleCount 80; class Particle { constructor() { this.x Math.random() * canvas.width; this.y Math.random() * canvas.height; this.vx (Math.random() - 0.5) * 0.5; this.vy (Math.random() - 0.5) * 0.5; this.radius Math.random() * 2; } update() { this.x + this.vx; this.y + this.vy; if (this.x 0 || this.x > canvas.width) this.vx -this.vx; if (this.y 0 || this.y > canvas.height) this.vy -this.vy; } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fillStyle rgba(102, 126, 234, 0.5); ctx.fill(); } } for (let i 0; i particleCount; i++) { particles.push(new Particle()); } function connectParticles() { for (let i 0; i particles.length; i++) { for (let j i + 1; j particles.length; j++) { const dx particlesi.x - particlesj.x; const dy particlesi.y - particlesj.y; const distance Math.sqrt(dx * dx + dy * dy); if (distance 150) { ctx.beginPath(); ctx.strokeStyle `rgba(102, 126, 234, ${0.2 * (1 - distance / 150)})`; ctx.lineWidth 1; ctx.moveTo(particlesi.x, particlesi.y); ctx.lineTo(particlesj.x, particlesj.y); ctx.stroke(); } } } } function animate() { ctx.clearRect(0, 0, canvas.width, canvas.height); particles.forEach(particle > { particle.update(); particle.draw(); }); connectParticles(); requestAnimationFrame(animate); } animate(); window.addEventListener(resize, () > { canvas.width window.innerWidth; canvas.height window.innerHeight; }); // Scroll Progress window.addEventListener(scroll, () > { const scrollProgress document.querySelector(.scroll-progress); const scrollTop window.pageYOffset; const docHeight document.documentElement.scrollHeight - window.innerHeight; const scrollPercent (scrollTop / docHeight) * 100; scrollProgress.style.width scrollPercent + %; // Header effect const header document.querySelector(header); if (scrollTop > 100) { header.classList.add(scrolled); } else { header.classList.remove(scrolled); } }); // Mobile Menu Toggle const menuToggle document.querySelector(.menu-toggle); const navLinks document.querySelector(.nav-links); menuToggle.addEventListener(click, () > { menuToggle.classList.toggle(active); navLinks.classList.toggle(active); }); // Close menu on link click document.querySelectorAll(.nav-links a).forEach(link > { link.addEventListener(click, () > { menuToggle.classList.remove(active); navLinks.classList.remove(active); }); }); // Scroll Reveal const reveals document.querySelectorAll(.reveal); function revealOnScroll() { reveals.forEach(element > { const elementTop element.getBoundingClientRect().top; const elementVisible 150; if (elementTop window.innerHeight - elementVisible) { element.classList.add(active); } }); } window.addEventListener(scroll, revealOnScroll); revealOnScroll(); // Counter Animation const counters document.querySelectorAll(.counter); let counterAnimated false; function animateCounters() { if (counterAnimated) return; const statsSection document.querySelector(.stats); const statsTop statsSection.getBoundingClientRect().top; if (statsTop window.innerHeight - 200) { counterAnimated true; counters.forEach(counter > { const target parseInt(counter.getAttribute(data-target)); const duration 2000; const increment target / (duration / 16); let current 0; const updateCounter () > { current + increment; if (current target) { counter.textContent Math.floor(current) + +; requestAnimationFrame(updateCounter); } else { counter.textContent target + +; } }; updateCounter(); }); } } window.addEventListener(scroll, animateCounters); // Form Submission document.getElementById(contactForm).addEventListener(submit, function(e) { e.preventDefault(); const formData new FormData(this); const data Object.fromEntries(formData); const submitBtn this.querySelector(.submit-btn); const originalText submitBtn.innerHTML; submitBtn.innerHTML span classbtn-text>✓ Message envoyé avec succès !/span>; submitBtn.style.background linear-gradient(135deg, #27c93f 0%, #1fa032 100%); setTimeout(() > { this.reset(); submitBtn.innerHTML originalText; submitBtn.style.background linear-gradient(135deg, #667eea 0%, #f45c43 100%); }, 3000); console.log(Form submitted:, data); }); // Smooth Scroll 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 }); } }); }); // Back to Top const backToTop document.querySelector(.back-to-top); window.addEventListener(scroll, () > { if (window.pageYOffset > 500) { backToTop.classList.add(visible); } else { backToTop.classList.remove(visible); } }); backToTop.addEventListener(click, () > { window.scrollTo({ top: 0, behavior: smooth }); }); // Parallax Effect window.addEventListener(scroll, () > { const scrolled window.pageYOffset; const parallaxElements document.querySelectorAll(.hero-text, .hero-visual); parallaxElements.forEach(element > { const speed 0.5; element.style.transform `translateY(${scrolled * speed}px)`; }); }); // 3D Tilt Effect for Projects const projectCards document.querySelectorAll(.project-card); projectCards.forEach(card > { card.addEventListener(mousemove, (e) > { const rect card.getBoundingClientRect(); const x e.clientX - rect.left; const y e.clientY - rect.top; const centerX rect.width / 2; const centerY rect.height / 2; const rotateX (y - centerY) / 20; const rotateY (centerX - x) / 20; card.style.transform `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) translateY(-10px)`; }); card.addEventListener(mouseleave, () > { card.style.transform perspective(1000px) rotateX(0) rotateY(0) translateY(0); }); }); // Service Cards Magnetic Effect const serviceCards document.querySelectorAll(.service-card); serviceCards.forEach(card > { card.addEventListener(mousemove, (e) > { const rect card.getBoundingClientRect(); const x e.clientX - rect.left - rect.width / 2; const y e.clientY - rect.top - rect.height / 2; card.style.transform `translate(${x * 0.1}px, ${y * 0.1}px) translateY(-15px) scale(1.02)`; }); card.addEventListener(mouseleave, () > { card.style.transform translate(0, 0) translateY(0) scale(1); }); }); /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
]