Help
RSS
API
Feed
Maltego
Contact
Domain > atallahsalameh.com
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2025-11-18
172.67.165.117
(
ClassC
)
2025-12-15
104.21.57.186
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Mon, 15 Dec 2025 03:12:33 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-alivelast-modified: Fri, 20 Jun 2025 10:32:13 GMTReport-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?syvV87XbdoOrSth2BBghXwKAf13spz4JSw%2BKjOsne5kRFYay124daprxJmwBWv%2F6XQVvoyy9LO5VksOgxXs41cqorr6De4%2B8TxktFjqfNuKU%3D}}vary: Accept-EncodingNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}server: cloudflarex-turbo-charged-by: LiteSpeedcf-cache-status: DYNAMICCF-RAY: 9ae2c28f1f535ee6-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>Atallah Salameh - IT Specialist & WordPress Developer/title> link hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css relstylesheet> style> * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-color: #00d9ff; --secondary-color: #ff6b6b; --accent-color: #4ecdc4; --dark-bg: #0a0a0a; --card-bg: rgba(255, 255, 255, 0.05); --text-primary: #ffffff; --text-secondary: #b0b0b0; --gradient: linear-gradient(135deg, var(--primary-color), var(--accent-color)); } body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; background: var(--dark-bg); color: var(--text-primary); line-height: 1.6; overflow-x: hidden; } /* Animated Background */ .bg-animation { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(-45deg, #0a0a0a, #1a1a2e, #16213e, #0f3460); background-size: 400% 400%; animation: gradientShift 15s ease infinite; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Navigation */ nav { position: fixed; top: 0; width: 100%; padding: 1rem 2rem; background: rgba(10, 10, 10, 0.9); backdrop-filter: blur(10px); z-index: 1000; transition: all 0.3s ease; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; } .logo { font-size: 1.5rem; font-weight: bold; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .nav-links { display: flex; list-style: none; gap: 2rem; } .nav-links a { color: var(--text-primary); text-decoration: none; transition: color 0.3s ease; position: relative; } .nav-links a:hover { color: var(--primary-color); } .nav-links a::after { content: ; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background: var(--gradient); transition: width 0.3s ease; } .nav-links a:hover::after { width: 100%; } /* Hero Section */ .hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 2rem; } .hero-content { max-width: 800px; animation: fadeInUp 1s ease; } .hero h1 { font-size: 3.5rem; margin-bottom: 1rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero .subtitle { font-size: 1.5rem; color: var(--text-secondary); margin-bottom: 2rem; } .hero .description { font-size: 1.1rem; line-height: 1.8; margin-bottom: 3rem; color: var(--text-secondary); } .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .btn { padding: 1rem 2rem; border: none; border-radius: 50px; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-primary { background: var(--gradient); color: white; } .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); } .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 217, 255, 0.3); } /* Section Styles */ .section { padding: 5rem 2rem; max-width: 1200px; margin: 0 auto; } .section-title { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: center; } .about-image { text-align: center; } .profile-pic { width: 250px; height: 250px; border-radius: 50%; background: var(--gradient); display: flex; align-items: center; justify-content: center; font-size: 4rem; color: white; margin: 0 auto; } .about-text h3 { font-size: 1.5rem; margin-bottom: 1rem; color: var(--primary-color); } .about-text p { color: var(--text-secondary); margin-bottom: 1.5rem; } .contact-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 2rem; } .contact-item { display: flex; align-items: center; gap: 0.5rem; color: var(--text-secondary); } .contact-item i { color: var(--primary-color); width: 20px; } /* Freelance Services Section */ .freelance-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 2rem; } .freelance-card { background: var(--card-bg); padding: 2.5rem 2rem; border-radius: 18px; box-shadow: 0 6px 32px rgba(0,217,255,0.08); text-align: center; transition: transform 0.25s, box-shadow 0.25s; border: 1.5px solid rgba(0,217,255,0.12); backdrop-filter: blur(8px); position: relative; overflow: hidden; } .freelance-card:hover { transform: translateY(-8px) scale(1.03); box-shadow: 0 16px 48px rgba(0,217,255,0.18); border-color: var(--primary-color); } .freelance-card i { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 1.2rem; display: block; } .freelance-card h3 { color: var(--primary-color); font-size: 1.3rem; margin-bottom: 0.7rem; font-weight: 600; } .freelance-card p { color: var(--text-secondary); font-size: 1.05rem; line-height: 1.7; } /* Experience Section */ .experience-timeline { position: relative; padding-left: 2rem; } .experience-timeline::before { content: ; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--gradient); } .experience-item { position: relative; background: var(--card-bg); padding: 2rem; margin-bottom: 2rem; border-radius: 15px; border-left: 4px solid var(--primary-color); backdrop-filter: blur(10px); transition: transform 0.3s ease; } .experience-item:hover { transform: translateX(10px); } .experience-item::before { content: ; position: absolute; left: -2.5rem; top: 2rem; width: 12px; height: 12px; background: var(--primary-color); border-radius: 50%; border: 3px solid var(--dark-bg); } .experience-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; flex-wrap: wrap; gap: 1rem; } .experience-title { font-size: 1.3rem; color: var(--primary-color); } .experience-company { font-weight: bold; color: var(--text-primary); } .experience-date { color: var(--accent-color); font-size: 0.9rem; background: rgba(78, 205, 196, 0.1); padding: 0.3rem 0.8rem; border-radius: 20px; } .experience-description ul { list-style: none; padding-left: 0; } .experience-description li { color: var(--text-secondary); margin-bottom: 0.5rem; position: relative; padding-left: 1.5rem; } .experience-description li::before { content: ▸; position: absolute; left: 0; color: var(--primary-color); } /* Skills Section */ .skills-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .skill-category { background: var(--card-bg); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); } .skill-category h3 { color: var(--primary-color); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.5rem; } .skill-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; } .skill-tag { background: rgba(0, 217, 255, 0.1); color: var(--primary-color); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; border: 1px solid rgba(0, 217, 255, 0.3); transition: all 0.3s ease; } .skill-tag:hover { background: rgba(0, 217, 255, 0.2); transform: translateY(-2px); } /* Education Section */ .education-card { background: var(--card-bg); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border-left: 4px solid var(--accent-color); text-align: center; } .education-card h3 { color: var(--accent-color); margin-bottom: 0.5rem; } .education-card .university { font-size: 1.1rem; margin-bottom: 0.5rem; } .education-card .year { color: var(--text-secondary); } /* Contact Section */ .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; text-align: center; } .contact-card { background: var(--card-bg); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.3s ease; } .contact-card:hover { transform: translateY(-5px); } .contact-card i { font-size: 2rem; color: var(--primary-color); margin-bottom: 1rem; } .contact-card h3 { margin-bottom: 0.5rem; color: var(--primary-color); } .contact-card a { color: var(--text-secondary); text-decoration: none; transition: color 0.3s ease; } .contact-card a:hover { color: var(--primary-color); } /* Footer */ footer { background: rgba(10, 10, 10, 0.9); text-align: center; padding: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeInUp 0.8s ease; } /* Responsive Design */ @media (max-width: 768px) { .nav-links { display: none; } .hero h1 { font-size: 2.5rem; } .hero .subtitle { font-size: 1.2rem; } .about-content { grid-template-columns: 1fr; text-align: center; } .experience-header { flex-direction: column; align-items: flex-start; } .cta-buttons { flex-direction: column; align-items: center; } .section { padding: 3rem 1rem; } } /* Scroll behavior */ html { scroll-behavior: smooth; } /style>/head>body> div classbg-animation>/div> nav> div classnav-container> div classlogo>AS/div> ul classnav-links> li>a href#home>Home/a>/li> li>a href#about>About/a>/li> li>a href#freelance>Services/a>/li> li>a href#experience>Experience/a>/li> li>a href#skills>Skills/a>/li> li>a href#education>Education/a>/li> li>a href#contact>Contact/a>/li> /ul> /div> /nav> section idhome classhero> div classhero-content> h1>Atallah Salameh/h1> p classsubtitle>IT Specialist & WordPress Developer/p> p classdescription> A dedicated professional with 7+ years of experience in digital transformation, system analysis, and web development. Specialized in WordPress development, IT consulting, and driving projects that enhance business operations and efficiency. /p> div classcta-buttons> a href#contact classbtn btn-primary> i classfas fa-envelope>/i> Get In Touch /a> a href#about classbtn btn-secondary> i classfas fa-user>/i> Learn More /a> /div> /div> /section> section idabout classsection> h2 classsection-title>About Me/h2> div classabout-content> div classabout-image> div classprofile-pic stylebackground: none; padding: 0;> img src1632749340485.jpg altAtallah Salameh LinkedIn Photo stylewidth: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 4px solid var(--primary-color); box-shadow: 0 4px 24px rgba(0,0,0,0.2);> /div> /div> div classabout-text> h3>Professional Summary/h3> p> I am a skilled IT System Analyst and WordPress Web developer with over 7 years of experience in the IT and web development industries. I specialize in digital transformation, system analysis, WordPress development, and IT consulting. /p> p> My expertise lies in planning, implementing, and maintaining IT solutions that align with organizational goals. Im passionate about driving projects that enhance business operations and efficiency while staying at the forefront of cutting-edge technologies. /p> div classcontact-info> div classcontact-item> i classfas fa-map-marker-alt>/i> span>Abu Dhabi, UAE/span> /div> div classcontact-item> i classfas fa-phone>/i> span>+971 503230687/span> /div> div classcontact-item> i classfas fa-envelope>/i> span>a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemailf79683969b9b969f84969b969a929fb7909a969e9bd994989a>email protected/a>/span> /div> div classcontact-item> i classfas fa-flag>/i> span>Lebanese National/span> /div> /div> /div> /div> /section> !-- Freelance Services Section Start --> section idfreelance classsection> h2 classsection-title>Freelance Services/h2> div classfreelance-grid> div classfreelance-card> i classfas fa-laptop-code>/i> h3>Web & App Development/h3> p>Custom websites, WordPress, e-commerce, and cross-platform mobile apps tailored to your business needs./p> /div> div classfreelance-card> i classfas fa-network-wired>/i> h3>Technology & IT Solutions/h3> p>System analysis, IT infrastructure, cloud migration, automation, and ongoing tech support for businesses./p> /div> div classfreelance-card> i classfas fa-user-tie>/i> h3>Consultation/h3> p>Expert advice on digital strategy, IT planning, process optimization, and technology adoption./p> /div> div classfreelance-card> i classfas fa-sync-alt>/i> h3>Digital Transformation/h3> p>Guiding organizations through digital change, workflow automation, and business modernization./p> /div> /div> /section> !-- Freelance Services Section End --> section idexperience classsection> h2 classsection-title>Professional Experience/h2> div classexperience-timeline> div classexperience-item> div classexperience-header> div> div classexperience-title>IT System Analyst/div> div classexperience-company>MAUTO – Digital Transformation Company, Dubai, UAE/div> /div> div classexperience-date>08/2021 - Present/div> /div> div classexperience-description> ul> li>Assist businesses in adopting and implementing digital technologies to improve operations and unlock growth opportunities/li> li>Develop customized digitalization plans and solutions based on clients unique needs and challenges/li> li>Lead research and development initiatives to explore cutting-edge technologies/li> li>Plan, organize, and oversee project completions, ensuring timelines and budgets are met/li> li>Conduct performance evaluations for IT processes and recommend improvements/li> /ul> /div> /div> div classexperience-item> div classexperience-header> div> div classexperience-title>WordPress Web Developer/div> div classexperience-company>Freelance/div> /div> div classexperience-date>10/2019 - Present/div> /div> div classexperience-description> ul> li>Design and develop high-quality WordPress websites with focus on SEO, speed, and security optimization/li> li>Create e-commerce stores tailored to client requirements/li> li>Deliver commercial websites with cross-browser compatibility and coding standards adherence/li> li>Troubleshoot website issues and provide timely maintenance and updates/li> li>Collaborate with clients to translate their vision into functional, visually appealing websites/li> /ul> /div> /div> div classexperience-item> div classexperience-header> div> div classexperience-title>IT System Analyst and Consultant/div> div classexperience-company>Al-Kafaat Foundation, Lebanon/div> /div> div classexperience-date>09/2015 - 07/2021/div> /div> div classexperience-description> ul> li>Analyzed existing IT systems to identify inefficiencies and areas for improvement/li> li>Performed routine maintenance and troubleshooting for hardware and software systems/li> li>Documented system configurations, updates, and procedures for future reference/li> li>Implemented new systems by selecting and configuring appropriate solutions/li> li>Conducted system upgrades, addressing errors, and optimizing performance/li> /ul> /div> /div> /div> /section> section idskills classsection> h2 classsection-title>Skills & Expertise/h2> div classskills-grid> div classskill-category> h3>i classfas fa-code>/i> Web Development/h3> div classskill-tags> span classskill-tag>WordPress/span> span classskill-tag>HTML/span> span classskill-tag>CSS/span> span classskill-tag>Headless CMS/span> span classskill-tag>Strapi/span> span classskill-tag>Flutter/span> /div> /div> div classskill-category> h3>i classfas fa-server>/i> System Administration/h3> div classskill-tags> span classskill-tag>Ubuntu/span> span classskill-tag>SSH/span> span classskill-tag>Nginx/span> span classskill-tag>Apache/span> span classskill-tag>Docker/span> span classskill-tag>System Tuning/span> /div> /div> div classskill-category> h3>i classfas fa-database>/i> Database Management/h3> div classskill-tags> span classskill-tag>MySQL/span> span classskill-tag>PostgreSQL/span> span classskill-tag>MSSQL/span> span classskill-tag>phpMyAdmin/span> span classskill-tag>MQTT/span> span classskill-tag>Mosquitto/span> /div> /div> div classskill-category> h3>i classfas fa-tools>/i> Development Tools/h3> div classskill-tags> span classskill-tag>Git/span> span classskill-tag>GitHub/span> span classskill-tag>GitLab/span> span classskill-tag>JIRA/span> span classskill-tag>Confluence/span> span classskill-tag>Docker/span> /div> /div> div classskill-category> h3>i classfas fa-paint-brush>/i> Design & Creative/h3> div classskill-tags> span classskill-tag>Adobe Photoshop/span> span classskill-tag>Adobe Illustrator/span> span classskill-tag>Adobe XD/span> span classskill-tag>Canva/span> span classskill-tag>Photopea/span> /div> /div> div classskill-category> h3>i classfas fa-brain>/i> AI & Modern Tech/h3> div classskill-tags> span classskill-tag>OpenAI Models/span> span classskill-tag>Llama/span> span classskill-tag>Self-hosted AI/span> span classskill-tag>Poe by Quora/span> span classskill-tag>DaVinci/span> /div> /div> /div> /section> section ideducation classsection> h2 classsection-title>Education & Certifications/h2> div classeducation-card> h3>Bachelor of Science in Computer Science/h3> div classuniversity>Al-Kafaat American University, Lebanon/div> div classyear>2018/div> /div> div stylemargin-top: 2rem;> div classeducation-card> h3>Professional Certification/h3> div classuniversity>Telephone Skills & Customer Service Excellence/div> div classyear>Alfa Orascom - 2014/div> /div> /div> /section> section idcontact classsection> h2 classsection-title>Get In Touch/h2> div classcontact-grid> div classcontact-card> i classfas fa-envelope>/i> h3>Email/h3> a href/cdn-cgi/l/email-protection#d7b6a3b6bbbbb6bfa4b6bbb6bab2bf97b0bab6bebbf9b4b8ba>span class__cf_email__ data-cfemail026376636e6e636a71636e636f676a42656f636b6e2c616d6f>email protected/span>/a> /div> div classcontact-card> i classfas fa-phone>/i> h3>Phone/h3> a hreftel:+971503230687>+971 503230687/a> /div> div classcontact-card> i classfas fa-map-marker-alt>/i> h3>Location/h3> span>Abu Dhabi, UAE/span> /div> div classcontact-card> i classfas fa-globe>/i> h3>Languages/h3> span>Arabic (Native)br>English (Fluent)br>French (Intermediate)/span> /div> /div> !-- Contact Form Start --> div classcontact-form-container stylemargin-top:3rem; max-width:600px; margin-left:auto; margin-right:auto;> form idcontact-form classcontact-form styledisplay:flex; flex-direction:column; gap:1rem; background:rgba(255,255,255,0.03); padding:2rem; border-radius:15px;> h3 stylecolor:var(--primary-color); text-align:center;>Send Me a Message/h3> input typetext namename placeholderYour Name required stylepadding:1rem; border-radius:8px; border:none; background:rgba(0,0,0,0.1); color:#fff;> input typeemail nameemail placeholderYour Email required stylepadding:1rem; border-radius:8px; border:none; background:rgba(0,0,0,0.1); color:#fff;> textarea namemessage placeholderYour Message rows5 required stylepadding:1rem; border-radius:8px; border:none; background:rgba(0,0,0,0.1); color:#fff;>/textarea> button typesubmit classbtn btn-primary stylewidth:fit-content; margin:auto;>Send i classfas fa-paper-plane>/i>/button> div idform-status styletext-align:center; margin-top:1rem; color:var(--primary-color);>/div> /form> p styletext-align:center; color:var(--text-secondary); font-size:0.95rem; margin-top:1rem;>Powered by a hrefhttps://www.emailjs.com/ target_blank stylecolor:var(--primary-color);>EmailJS/a>/p> /div> !-- Contact Form End --> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script srchttps://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js>/script> script> (function() { emailjs.init(2vzU_ZZgkAQHP-iV9); // Your EmailJS user ID })(); document.getElementById(contact-form).addEventListener(submit, function(event) { event.preventDefault(); var form this; var status document.getElementById(form-status); status.textContent Sending...; // Create detailed message for admin var adminMessage New contact form submission received:\n\n + 📝 CONTACT DETAILS:\n + 👤 Name: + form.name.value + \n + 📧 Email: + form.email.value + \n + 📅 Date: + new Date().toLocaleDateString() + \n + 🕒 Time: + new Date().toLocaleTimeString() + \n\n + 💬 MESSAGE:\n + ─────────────────────────────────\n + form.message.value + \n + ─────────────────────────────────\n\n + Please respond to: + form.email.value; // Create detailed confirmation message for user var userMessage Dear + form.name.value + ,\n\n + Thank you for contacting me! I have received your message and will get back to you soon.\n\n + 📝 SUBMISSION DETAILS:\n + 👤 Your Name: + form.name.value + \n + 📧 Your Email: + form.email.value + \n + 📅 Submitted on: + new Date().toLocaleDateString() + \n + 🕒 Submitted at: + new Date().toLocaleTimeString() + \n\n + 💬 YOUR MESSAGE:\n + ─────────────────────────────────\n + form.message.value + \n + ─────────────────────────────────\n\n + I typically respond within 24-48 hours. If you need immediate assistance, please call +971 503230687.\n\n + Best regards,\n + Atallah Salameh\n + IT Specialist & WordPress Developer\n + Email: atallahsalameh@gmail.com\n + Phone: +971 503230687; // Send email to admin with detailed form data var adminEmail emailjs.send(service_z57bu2d, template_5nvrk5t, { name: form.name.value, email: form.email.value, message: adminMessage, to_email: atallahsalameh@gmail.com, subject: 🔔 New Contact Form Submission from + form.name.value }); // Send confirmation email to user var userEmail emailjs.send(service_z57bu2d, template_5nvrk5t, { name: Atallah Salameh, email: atallahsalameh@gmail.com, message: userMessage, to_email: form.email.value, subject: ✅ Thank you for contacting me - Atallah Salameh }); // Wait for both emails to be sent Promise.all(adminEmail, userEmail) .then(function() { status.textContent Message sent successfully! You will receive a confirmation email shortly.; form.reset(); }) .catch(function(error) { console.error(EmailJS error:, error); // Try to send just the admin email if both fail var fallbackMessage New contact form submission received:\n\n + 📝 CONTACT DETAILS:\n + 👤 Name: + form.name.value + \n + 📧 Email: + form.email.value + \n + 📅 Date: + new Date().toLocaleDateString() + \n + 🕒 Time: + new Date().toLocaleTimeString() + \n\n + 💬 MESSAGE:\n + ─────────────────────────────────\n + form.message.value + \n + ─────────────────────────────────\n\n + Please respond to: + form.email.value; emailjs.send(service_z57bu2d, template_5nvrk5t, { name: form.name.value, email: form.email.value, message: fallbackMessage, to_email: atallahsalameh@gmail.com, subject: 🔔 New Contact Form Submission from + form.name.value }).then(function() { status.textContent Message sent to admin successfully!; form.reset(); }).catch(function(finalError) { status.textContent Failed to send message. Please try again later.; console.error(Final EmailJS error:, finalError); }); }); }); /script> /section> footer> p>© 2025 Atallah Salameh. All rights reserved./p> /footer> script> // Smooth scrolling for navigation links document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); document.querySelector(this.getAttribute(href)).scrollIntoView({ behavior: smooth }); }); }); // Navbar background change on scroll window.addEventListener(scroll, function() { const nav document.querySelector(nav); if (window.scrollY > 50) { nav.style.background rgba(10, 10, 10, 0.95); } else { nav.style.background rgba(10, 10, 10, 0.9); } }); // Intersection Observer for animations const observerOptions { threshold: 0.1, rootMargin: 0px 0px -50px 0px }; const observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(fade-in); } }); }, observerOptions); // Observe all sections document.querySelectorAll(.section).forEach(section > { observer.observe(section); }); // Observe experience items document.querySelectorAll(.experience-item).forEach(item > { observer.observe(item); }); // Typing effect for hero title (optional enhancement) const heroTitle document.querySelector(.hero h1); const titleText heroTitle.textContent; heroTitle.textContent ; let i 0; const typeWriter () > { if (i titleText.length) { heroTitle.textContent + titleText.charAt(i); i++; setTimeout(typeWriter, 100); } }; // Start typing effect after page load window.addEventListener(load, () > { setTimeout(typeWriter, 500); }); /script>/body>/html>
Port 443
HTTP/1.1 200 OKDate: Mon, 15 Dec 2025 03:12:33 GMTContent-Type: text/htmlTransfer-Encoding: chunkedConnection: keep-alivelast-modified: Fri, 20 Jun 2025 10:32:13 GMTNel: {report_to:cf-nel,success_fraction:0.0,max_age:604800}Report-To: {group:cf-nel,max_age:604800,endpoints:{url:https://a.nel.cloudflare.com/report/v4?snqUX1XS4gvZo6x5O7NfONdlpZYHNdnadbwXJbWQNqChBX3kQGb%2BLoTuGLDJ3w6mMFSs2Ha0SZGYqIOUroEGTQyxGR9lSuSk8xLLlQncH8NoyOA%3D%3D}}vary: Accept-EncodingServer: cloudflarex-turbo-charged-by: LiteSpeedcf-cache-status: DYNAMICCF-RAY: 9ae2c2900b1370b9-PDXalt-svc: h3:443; ma86400 !DOCTYPE html>html langen>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>Atallah Salameh - IT Specialist & WordPress Developer/title> link hrefhttps://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css relstylesheet> style> * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-color: #00d9ff; --secondary-color: #ff6b6b; --accent-color: #4ecdc4; --dark-bg: #0a0a0a; --card-bg: rgba(255, 255, 255, 0.05); --text-primary: #ffffff; --text-secondary: #b0b0b0; --gradient: linear-gradient(135deg, var(--primary-color), var(--accent-color)); } body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; background: var(--dark-bg); color: var(--text-primary); line-height: 1.6; overflow-x: hidden; } /* Animated Background */ .bg-animation { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient(-45deg, #0a0a0a, #1a1a2e, #16213e, #0f3460); background-size: 400% 400%; animation: gradientShift 15s ease infinite; } @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Navigation */ nav { position: fixed; top: 0; width: 100%; padding: 1rem 2rem; background: rgba(10, 10, 10, 0.9); backdrop-filter: blur(10px); z-index: 1000; transition: all 0.3s ease; } .nav-container { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; } .logo { font-size: 1.5rem; font-weight: bold; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .nav-links { display: flex; list-style: none; gap: 2rem; } .nav-links a { color: var(--text-primary); text-decoration: none; transition: color 0.3s ease; position: relative; } .nav-links a:hover { color: var(--primary-color); } .nav-links a::after { content: ; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background: var(--gradient); transition: width 0.3s ease; } .nav-links a:hover::after { width: 100%; } /* Hero Section */ .hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 2rem; } .hero-content { max-width: 800px; animation: fadeInUp 1s ease; } .hero h1 { font-size: 3.5rem; margin-bottom: 1rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero .subtitle { font-size: 1.5rem; color: var(--text-secondary); margin-bottom: 2rem; } .hero .description { font-size: 1.1rem; line-height: 1.8; margin-bottom: 3rem; color: var(--text-secondary); } .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .btn { padding: 1rem 2rem; border: none; border-radius: 50px; font-size: 1rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-primary { background: var(--gradient); color: white; } .btn-secondary { background: transparent; color: var(--primary-color); border: 2px solid var(--primary-color); } .btn:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 217, 255, 0.3); } /* Section Styles */ .section { padding: 5rem 2rem; max-width: 1200px; margin: 0 auto; } .section-title { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; background: var(--gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: center; } .about-image { text-align: center; } .profile-pic { width: 250px; height: 250px; border-radius: 50%; background: var(--gradient); display: flex; align-items: center; justify-content: center; font-size: 4rem; color: white; margin: 0 auto; } .about-text h3 { font-size: 1.5rem; margin-bottom: 1rem; color: var(--primary-color); } .about-text p { color: var(--text-secondary); margin-bottom: 1.5rem; } .contact-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin-top: 2rem; } .contact-item { display: flex; align-items: center; gap: 0.5rem; color: var(--text-secondary); } .contact-item i { color: var(--primary-color); width: 20px; } /* Freelance Services Section */ .freelance-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 2rem; } .freelance-card { background: var(--card-bg); padding: 2.5rem 2rem; border-radius: 18px; box-shadow: 0 6px 32px rgba(0,217,255,0.08); text-align: center; transition: transform 0.25s, box-shadow 0.25s; border: 1.5px solid rgba(0,217,255,0.12); backdrop-filter: blur(8px); position: relative; overflow: hidden; } .freelance-card:hover { transform: translateY(-8px) scale(1.03); box-shadow: 0 16px 48px rgba(0,217,255,0.18); border-color: var(--primary-color); } .freelance-card i { font-size: 2.5rem; color: var(--primary-color); margin-bottom: 1.2rem; display: block; } .freelance-card h3 { color: var(--primary-color); font-size: 1.3rem; margin-bottom: 0.7rem; font-weight: 600; } .freelance-card p { color: var(--text-secondary); font-size: 1.05rem; line-height: 1.7; } /* Experience Section */ .experience-timeline { position: relative; padding-left: 2rem; } .experience-timeline::before { content: ; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--gradient); } .experience-item { position: relative; background: var(--card-bg); padding: 2rem; margin-bottom: 2rem; border-radius: 15px; border-left: 4px solid var(--primary-color); backdrop-filter: blur(10px); transition: transform 0.3s ease; } .experience-item:hover { transform: translateX(10px); } .experience-item::before { content: ; position: absolute; left: -2.5rem; top: 2rem; width: 12px; height: 12px; background: var(--primary-color); border-radius: 50%; border: 3px solid var(--dark-bg); } .experience-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 1rem; flex-wrap: wrap; gap: 1rem; } .experience-title { font-size: 1.3rem; color: var(--primary-color); } .experience-company { font-weight: bold; color: var(--text-primary); } .experience-date { color: var(--accent-color); font-size: 0.9rem; background: rgba(78, 205, 196, 0.1); padding: 0.3rem 0.8rem; border-radius: 20px; } .experience-description ul { list-style: none; padding-left: 0; } .experience-description li { color: var(--text-secondary); margin-bottom: 0.5rem; position: relative; padding-left: 1.5rem; } .experience-description li::before { content: ▸; position: absolute; left: 0; color: var(--primary-color); } /* Skills Section */ .skills-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .skill-category { background: var(--card-bg); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); } .skill-category h3 { color: var(--primary-color); margin-bottom: 1.5rem; display: flex; align-items: center; gap: 0.5rem; } .skill-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; } .skill-tag { background: rgba(0, 217, 255, 0.1); color: var(--primary-color); padding: 0.5rem 1rem; border-radius: 25px; font-size: 0.9rem; border: 1px solid rgba(0, 217, 255, 0.3); transition: all 0.3s ease; } .skill-tag:hover { background: rgba(0, 217, 255, 0.2); transform: translateY(-2px); } /* Education Section */ .education-card { background: var(--card-bg); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border-left: 4px solid var(--accent-color); text-align: center; } .education-card h3 { color: var(--accent-color); margin-bottom: 0.5rem; } .education-card .university { font-size: 1.1rem; margin-bottom: 0.5rem; } .education-card .year { color: var(--text-secondary); } /* Contact Section */ .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; text-align: center; } .contact-card { background: var(--card-bg); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.3s ease; } .contact-card:hover { transform: translateY(-5px); } .contact-card i { font-size: 2rem; color: var(--primary-color); margin-bottom: 1rem; } .contact-card h3 { margin-bottom: 0.5rem; color: var(--primary-color); } .contact-card a { color: var(--text-secondary); text-decoration: none; transition: color 0.3s ease; } .contact-card a:hover { color: var(--primary-color); } /* Footer */ footer { background: rgba(10, 10, 10, 0.9); text-align: center; padding: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.1); } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .fade-in { animation: fadeInUp 0.8s ease; } /* Responsive Design */ @media (max-width: 768px) { .nav-links { display: none; } .hero h1 { font-size: 2.5rem; } .hero .subtitle { font-size: 1.2rem; } .about-content { grid-template-columns: 1fr; text-align: center; } .experience-header { flex-direction: column; align-items: flex-start; } .cta-buttons { flex-direction: column; align-items: center; } .section { padding: 3rem 1rem; } } /* Scroll behavior */ html { scroll-behavior: smooth; } /style>/head>body> div classbg-animation>/div> nav> div classnav-container> div classlogo>AS/div> ul classnav-links> li>a href#home>Home/a>/li> li>a href#about>About/a>/li> li>a href#freelance>Services/a>/li> li>a href#experience>Experience/a>/li> li>a href#skills>Skills/a>/li> li>a href#education>Education/a>/li> li>a href#contact>Contact/a>/li> /ul> /div> /nav> section idhome classhero> div classhero-content> h1>Atallah Salameh/h1> p classsubtitle>IT Specialist & WordPress Developer/p> p classdescription> A dedicated professional with 7+ years of experience in digital transformation, system analysis, and web development. Specialized in WordPress development, IT consulting, and driving projects that enhance business operations and efficiency. /p> div classcta-buttons> a href#contact classbtn btn-primary> i classfas fa-envelope>/i> Get In Touch /a> a href#about classbtn btn-secondary> i classfas fa-user>/i> Learn More /a> /div> /div> /section> section idabout classsection> h2 classsection-title>About Me/h2> div classabout-content> div classabout-image> div classprofile-pic stylebackground: none; padding: 0;> img src1632749340485.jpg altAtallah Salameh LinkedIn Photo stylewidth: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 4px solid var(--primary-color); box-shadow: 0 4px 24px rgba(0,0,0,0.2);> /div> /div> div classabout-text> h3>Professional Summary/h3> p> I am a skilled IT System Analyst and WordPress Web developer with over 7 years of experience in the IT and web development industries. I specialize in digital transformation, system analysis, WordPress development, and IT consulting. /p> p> My expertise lies in planning, implementing, and maintaining IT solutions that align with organizational goals. Im passionate about driving projects that enhance business operations and efficiency while staying at the forefront of cutting-edge technologies. /p> div classcontact-info> div classcontact-item> i classfas fa-map-marker-alt>/i> span>Abu Dhabi, UAE/span> /div> div classcontact-item> i classfas fa-phone>/i> span>+971 503230687/span> /div> div classcontact-item> i classfas fa-envelope>/i> span>a href/cdn-cgi/l/email-protection class__cf_email__ data-cfemail2e4f5a4f42424f465d4f424f434b466e49434f4742004d4143>email protected/a>/span> /div> div classcontact-item> i classfas fa-flag>/i> span>Lebanese National/span> /div> /div> /div> /div> /section> !-- Freelance Services Section Start --> section idfreelance classsection> h2 classsection-title>Freelance Services/h2> div classfreelance-grid> div classfreelance-card> i classfas fa-laptop-code>/i> h3>Web & App Development/h3> p>Custom websites, WordPress, e-commerce, and cross-platform mobile apps tailored to your business needs./p> /div> div classfreelance-card> i classfas fa-network-wired>/i> h3>Technology & IT Solutions/h3> p>System analysis, IT infrastructure, cloud migration, automation, and ongoing tech support for businesses./p> /div> div classfreelance-card> i classfas fa-user-tie>/i> h3>Consultation/h3> p>Expert advice on digital strategy, IT planning, process optimization, and technology adoption./p> /div> div classfreelance-card> i classfas fa-sync-alt>/i> h3>Digital Transformation/h3> p>Guiding organizations through digital change, workflow automation, and business modernization./p> /div> /div> /section> !-- Freelance Services Section End --> section idexperience classsection> h2 classsection-title>Professional Experience/h2> div classexperience-timeline> div classexperience-item> div classexperience-header> div> div classexperience-title>IT System Analyst/div> div classexperience-company>MAUTO – Digital Transformation Company, Dubai, UAE/div> /div> div classexperience-date>08/2021 - Present/div> /div> div classexperience-description> ul> li>Assist businesses in adopting and implementing digital technologies to improve operations and unlock growth opportunities/li> li>Develop customized digitalization plans and solutions based on clients unique needs and challenges/li> li>Lead research and development initiatives to explore cutting-edge technologies/li> li>Plan, organize, and oversee project completions, ensuring timelines and budgets are met/li> li>Conduct performance evaluations for IT processes and recommend improvements/li> /ul> /div> /div> div classexperience-item> div classexperience-header> div> div classexperience-title>WordPress Web Developer/div> div classexperience-company>Freelance/div> /div> div classexperience-date>10/2019 - Present/div> /div> div classexperience-description> ul> li>Design and develop high-quality WordPress websites with focus on SEO, speed, and security optimization/li> li>Create e-commerce stores tailored to client requirements/li> li>Deliver commercial websites with cross-browser compatibility and coding standards adherence/li> li>Troubleshoot website issues and provide timely maintenance and updates/li> li>Collaborate with clients to translate their vision into functional, visually appealing websites/li> /ul> /div> /div> div classexperience-item> div classexperience-header> div> div classexperience-title>IT System Analyst and Consultant/div> div classexperience-company>Al-Kafaat Foundation, Lebanon/div> /div> div classexperience-date>09/2015 - 07/2021/div> /div> div classexperience-description> ul> li>Analyzed existing IT systems to identify inefficiencies and areas for improvement/li> li>Performed routine maintenance and troubleshooting for hardware and software systems/li> li>Documented system configurations, updates, and procedures for future reference/li> li>Implemented new systems by selecting and configuring appropriate solutions/li> li>Conducted system upgrades, addressing errors, and optimizing performance/li> /ul> /div> /div> /div> /section> section idskills classsection> h2 classsection-title>Skills & Expertise/h2> div classskills-grid> div classskill-category> h3>i classfas fa-code>/i> Web Development/h3> div classskill-tags> span classskill-tag>WordPress/span> span classskill-tag>HTML/span> span classskill-tag>CSS/span> span classskill-tag>Headless CMS/span> span classskill-tag>Strapi/span> span classskill-tag>Flutter/span> /div> /div> div classskill-category> h3>i classfas fa-server>/i> System Administration/h3> div classskill-tags> span classskill-tag>Ubuntu/span> span classskill-tag>SSH/span> span classskill-tag>Nginx/span> span classskill-tag>Apache/span> span classskill-tag>Docker/span> span classskill-tag>System Tuning/span> /div> /div> div classskill-category> h3>i classfas fa-database>/i> Database Management/h3> div classskill-tags> span classskill-tag>MySQL/span> span classskill-tag>PostgreSQL/span> span classskill-tag>MSSQL/span> span classskill-tag>phpMyAdmin/span> span classskill-tag>MQTT/span> span classskill-tag>Mosquitto/span> /div> /div> div classskill-category> h3>i classfas fa-tools>/i> Development Tools/h3> div classskill-tags> span classskill-tag>Git/span> span classskill-tag>GitHub/span> span classskill-tag>GitLab/span> span classskill-tag>JIRA/span> span classskill-tag>Confluence/span> span classskill-tag>Docker/span> /div> /div> div classskill-category> h3>i classfas fa-paint-brush>/i> Design & Creative/h3> div classskill-tags> span classskill-tag>Adobe Photoshop/span> span classskill-tag>Adobe Illustrator/span> span classskill-tag>Adobe XD/span> span classskill-tag>Canva/span> span classskill-tag>Photopea/span> /div> /div> div classskill-category> h3>i classfas fa-brain>/i> AI & Modern Tech/h3> div classskill-tags> span classskill-tag>OpenAI Models/span> span classskill-tag>Llama/span> span classskill-tag>Self-hosted AI/span> span classskill-tag>Poe by Quora/span> span classskill-tag>DaVinci/span> /div> /div> /div> /section> section ideducation classsection> h2 classsection-title>Education & Certifications/h2> div classeducation-card> h3>Bachelor of Science in Computer Science/h3> div classuniversity>Al-Kafaat American University, Lebanon/div> div classyear>2018/div> /div> div stylemargin-top: 2rem;> div classeducation-card> h3>Professional Certification/h3> div classuniversity>Telephone Skills & Customer Service Excellence/div> div classyear>Alfa Orascom - 2014/div> /div> /div> /section> section idcontact classsection> h2 classsection-title>Get In Touch/h2> div classcontact-grid> div classcontact-card> i classfas fa-envelope>/i> h3>Email/h3> a href/cdn-cgi/l/email-protection#5b3a2f3a37373a33283a373a363e331b3c363a323775383436>span class__cf_email__ data-cfemaile58491848989848d9684898488808da58288848c89cb868a88>email protected/span>/a> /div> div classcontact-card> i classfas fa-phone>/i> h3>Phone/h3> a hreftel:+971503230687>+971 503230687/a> /div> div classcontact-card> i classfas fa-map-marker-alt>/i> h3>Location/h3> span>Abu Dhabi, UAE/span> /div> div classcontact-card> i classfas fa-globe>/i> h3>Languages/h3> span>Arabic (Native)br>English (Fluent)br>French (Intermediate)/span> /div> /div> !-- Contact Form Start --> div classcontact-form-container stylemargin-top:3rem; max-width:600px; margin-left:auto; margin-right:auto;> form idcontact-form classcontact-form styledisplay:flex; flex-direction:column; gap:1rem; background:rgba(255,255,255,0.03); padding:2rem; border-radius:15px;> h3 stylecolor:var(--primary-color); text-align:center;>Send Me a Message/h3> input typetext namename placeholderYour Name required stylepadding:1rem; border-radius:8px; border:none; background:rgba(0,0,0,0.1); color:#fff;> input typeemail nameemail placeholderYour Email required stylepadding:1rem; border-radius:8px; border:none; background:rgba(0,0,0,0.1); color:#fff;> textarea namemessage placeholderYour Message rows5 required stylepadding:1rem; border-radius:8px; border:none; background:rgba(0,0,0,0.1); color:#fff;>/textarea> button typesubmit classbtn btn-primary stylewidth:fit-content; margin:auto;>Send i classfas fa-paper-plane>/i>/button> div idform-status styletext-align:center; margin-top:1rem; color:var(--primary-color);>/div> /form> p styletext-align:center; color:var(--text-secondary); font-size:0.95rem; margin-top:1rem;>Powered by a hrefhttps://www.emailjs.com/ target_blank stylecolor:var(--primary-color);>EmailJS/a>/p> /div> !-- Contact Form End --> script data-cfasyncfalse src/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js>/script>script srchttps://cdn.jsdelivr.net/npm/emailjs-com@3/dist/email.min.js>/script> script> (function() { emailjs.init(2vzU_ZZgkAQHP-iV9); // Your EmailJS user ID })(); document.getElementById(contact-form).addEventListener(submit, function(event) { event.preventDefault(); var form this; var status document.getElementById(form-status); status.textContent Sending...; // Create detailed message for admin var adminMessage New contact form submission received:\n\n + 📝 CONTACT DETAILS:\n + 👤 Name: + form.name.value + \n + 📧 Email: + form.email.value + \n + 📅 Date: + new Date().toLocaleDateString() + \n + 🕒 Time: + new Date().toLocaleTimeString() + \n\n + 💬 MESSAGE:\n + ─────────────────────────────────\n + form.message.value + \n + ─────────────────────────────────\n\n + Please respond to: + form.email.value; // Create detailed confirmation message for user var userMessage Dear + form.name.value + ,\n\n + Thank you for contacting me! I have received your message and will get back to you soon.\n\n + 📝 SUBMISSION DETAILS:\n + 👤 Your Name: + form.name.value + \n + 📧 Your Email: + form.email.value + \n + 📅 Submitted on: + new Date().toLocaleDateString() + \n + 🕒 Submitted at: + new Date().toLocaleTimeString() + \n\n + 💬 YOUR MESSAGE:\n + ─────────────────────────────────\n + form.message.value + \n + ─────────────────────────────────\n\n + I typically respond within 24-48 hours. If you need immediate assistance, please call +971 503230687.\n\n + Best regards,\n + Atallah Salameh\n + IT Specialist & WordPress Developer\n + Email: atallahsalameh@gmail.com\n + Phone: +971 503230687; // Send email to admin with detailed form data var adminEmail emailjs.send(service_z57bu2d, template_5nvrk5t, { name: form.name.value, email: form.email.value, message: adminMessage, to_email: atallahsalameh@gmail.com, subject: 🔔 New Contact Form Submission from + form.name.value }); // Send confirmation email to user var userEmail emailjs.send(service_z57bu2d, template_5nvrk5t, { name: Atallah Salameh, email: atallahsalameh@gmail.com, message: userMessage, to_email: form.email.value, subject: ✅ Thank you for contacting me - Atallah Salameh }); // Wait for both emails to be sent Promise.all(adminEmail, userEmail) .then(function() { status.textContent Message sent successfully! You will receive a confirmation email shortly.; form.reset(); }) .catch(function(error) { console.error(EmailJS error:, error); // Try to send just the admin email if both fail var fallbackMessage New contact form submission received:\n\n + 📝 CONTACT DETAILS:\n + 👤 Name: + form.name.value + \n + 📧 Email: + form.email.value + \n + 📅 Date: + new Date().toLocaleDateString() + \n + 🕒 Time: + new Date().toLocaleTimeString() + \n\n + 💬 MESSAGE:\n + ─────────────────────────────────\n + form.message.value + \n + ─────────────────────────────────\n\n + Please respond to: + form.email.value; emailjs.send(service_z57bu2d, template_5nvrk5t, { name: form.name.value, email: form.email.value, message: fallbackMessage, to_email: atallahsalameh@gmail.com, subject: 🔔 New Contact Form Submission from + form.name.value }).then(function() { status.textContent Message sent to admin successfully!; form.reset(); }).catch(function(finalError) { status.textContent Failed to send message. Please try again later.; console.error(Final EmailJS error:, finalError); }); }); }); /script> /section> footer> p>© 2025 Atallah Salameh. All rights reserved./p> /footer> script> // Smooth scrolling for navigation links document.querySelectorAll(ahref^#).forEach(anchor > { anchor.addEventListener(click, function (e) { e.preventDefault(); document.querySelector(this.getAttribute(href)).scrollIntoView({ behavior: smooth }); }); }); // Navbar background change on scroll window.addEventListener(scroll, function() { const nav document.querySelector(nav); if (window.scrollY > 50) { nav.style.background rgba(10, 10, 10, 0.95); } else { nav.style.background rgba(10, 10, 10, 0.9); } }); // Intersection Observer for animations const observerOptions { threshold: 0.1, rootMargin: 0px 0px -50px 0px }; const observer new IntersectionObserver((entries) > { entries.forEach(entry > { if (entry.isIntersecting) { entry.target.classList.add(fade-in); } }); }, observerOptions); // Observe all sections document.querySelectorAll(.section).forEach(section > { observer.observe(section); }); // Observe experience items document.querySelectorAll(.experience-item).forEach(item > { observer.observe(item); }); // Typing effect for hero title (optional enhancement) const heroTitle document.querySelector(.hero h1); const titleText heroTitle.textContent; heroTitle.textContent ; let i 0; const typeWriter () > { if (i titleText.length) { heroTitle.textContent + titleText.charAt(i); i++; setTimeout(typeWriter, 100); } }; // Start typing effect after page load window.addEventListener(load, () > { setTimeout(typeWriter, 500); }); /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
]