برمجه احترافيه
تفاصيل العمل
انشاء موقع شخص بافضل جوده واحترافيه وامان ل المستخدمين وحفض بيانتهم .
طريقه التنفيز:بستخدم css وhtmlوJavasecript
الكود:<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>مطورفريق محمود عزت</title>
<link href="https://fonts.googleapis....; rel="stylesheet">
<style>
/* التنسيقات كما هي */
body {
font-family: 'Cairo', sans-serif;
background: radial-gradient(circle, #e3f2fd, #ffffff);
color: #1e2a38;
margin: 0;
padding: 0;
position: relative;
min-height: 100vh;
}
.container {
max-width: 1000px;
margin: auto;
padding: 50px 30px;
background-color: #ffffff;
box-shadow: 0 12px 24px rgba(0,0,0,0.1);
border-radius: 20px;
margin-top: 60px;
}
h1, h2 {
text-align: center;
}
.profile-section {
margin-top: 50px;
padding: 30px;
background-color: #f3fafe;
border-radius: 16px;
box-shadow: 0 6px 12px rgba(0,0,0,0.05);
}
.profile-section h3 {
color: #0d47a1;
margin-bottom: 10px;
}
.profile-section ul {
list-style: disc;
padding-right: 20px;
font-size: 18px;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare....;
</head>
<body>
<div class="container">
<div class="welcome">مرحبًا بك في صفحة فريق المطورين </div>
<h1>فريق محمود عزت</h1>
<p style="text-align: center; font-size: 20px;">نحن مجموعة من المطورين المتخصصين في تطوير المواقع والتقنيات الحديثة</p>
<h2>قائمة المطورين</h2>
<div class="dev-list">
<ul>
<li><span class="role">Leader</span> Mahmoud Ezzat</li>
<li><span class="role">Support</span> eng.Rehab</li>
</ul>
</div>
<div class="badges">
<span class="badge">⭐ Mhamoud - المتميّز</span>
<span class="badge"> Rehab - دعم تقني</span>
</div>
<div class="profile-section">
<h3>الملف الشخصي - محمود عزت</h3>
<p>مطور ويب وقائد الفريق، متخصص في بناء المواقع الآمنة والتفاعلية.</p>
<strong>المهارات:</strong>
<ul>
<li>Cybersecurity</li>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Python</li>
</ul>
</div>
<div class="profile-section">
<h3>الملف الشخصي - رحاب</h3>
<p>دعم فني ومساعد الفريق في التوثيق والتقارير والمتابعة التقنية.</p>
<strong>المهارات:</strong>
<ul>
<li>حلول الدعم الفني</li>
<li>إدارة التذاكر</li>
<li>تنسيق المحتوى</li>
</ul>
</div>
<h2>الخدمات التي نقدمها</h2>
<div class="services">
<ul>
<li>إنشاء مواقع ويب احترافية ومتجاوبة</li>
<li>أمن المعلومات وحماية البيانات</li>
<li>خدمات السايبر سيكيورتي (Cybersecurity)</li>
<li>برمجة وتطبيقات بلغة بايثون</li>
</ul>
</div>
<div class="highlight">مع Mahmoud Development، نقدّم لك أفضل الحلول التقنية بإتقان وجودة وابتكار </div>
<div class="cta">
<a href="https://wa.me/20101205302...; target="_blank">
<i class="fab fa-whatsapp"></i> تواصل عبر واتساب
</a>
</div>
<div class="social-icons">
<a href="#" title="فيسبوك"><i class="fab fa-facebook"></i></a>
<a href="#" title="انستغرام"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="thanks-note">شكراً لزيارتك موقعنا </div>
<div class="support-note">نحن دائماً موجودون لمساعدتك ?</div>
</body>
</html>