<title>موقع المصمم الشخصي</title>
<style>
* {margin:0;padding:0;box-sizing:border-box;font-family:'Arial',sans-serif;}
body {background:#f5f5f5;color:#333;line-height:1.6;}
header {background:#1e1e1e;color:#fff;padding:20px;text-align:center;}
header h1 {font-size:2em;}
nav {margin-top:10px;}
nav a {color:#fff;margin:0 10px;text-decoration:none;font-weight:bold;}
section {padding:40px 20px;}
.portfolio {display:flex;overflow-x:auto;gap:20px;scroll-behavior:smooth;}
.portfolio-item {min-width:300px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.portfolio-item img {width:100%;display:block;}
.portfolio-item h3 {padding:10px;text-align:center;background:#eee;}
footer {background:#1e1e1e;color:#fff;text-align:center;padding:20px;}
.social-icons {margin-top:10px;}
.social-icons a {color:#fff;margin:0 5px;font-size:1.2em;text-decoration:none;}
</style>
أسمك هنا
أعمالي
تواصل معي
معرض أعمالي
مشروع 1
مشروع 2
مشروع 3
مشروع 4
تواصل معي
يمكنك التواصل معي عبر البريد أو وسائل التواصل الاجتماعي:
جميع الحقوق محفوظة © 2026
<script>
// تحريك المعرض تلقائياً
const portfolio = document.querySelector('.portfolio');
let scrollAmount = 0;
function autoScroll() {
scrollAmount += 1;
if(scrollAmount >= portfolio.scrollWidth - portfolio.clientWidth) scrollAmount = 0;
portfolio.scrollLeft = scrollAmount;
}
setInterval(autoScroll, 30);
</script>
أسمك هنا
أعمالي تواصل معيمعرض أعمالي
مشروع 1
مشروع 2
مشروع 3
مشروع 4
تواصل معي
يمكنك التواصل معي عبر البريد أو وسائل التواصل الاجتماعي: