ملك الويب للشروحات

مدونة ملك الويب للشروحات التقنية وغيرها مرحباً بكل المتابعين الكرام معكم بروفيسور البرمجة منشئ لمدونة ملك الويب مدونة شروحات تقنية - شروحات البرامج والجوالات - شروحات برمجة الحاسوب وتعليم تصميم المواقع والاتظمة والتطبيقات بمختلف اللغات البرمجية -وكل ماهو جديد في عالم الويب والانترنت ستجده هنا على مدونتنا المتواضعه

القائمة الرئيسية

الصفحات

تعديل المشاركة

Card

المبرمج الحميري

29 نوفمبر 2021

(0)

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

.card {

box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

transition: 0.3s;

width: 40%;

}

.card:hover {

box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);

}

.container {

padding: 2px 16px;

}

</style>

</head>

<body>

<h2>Card</h2>

<div class="card">

<img src="img_avatar.png" alt="Avatar" style="width:100%">

<div class="container">

<h4><b>John Doe</b></h4>

<p>Architect & Engineer</p>

</div>

</div>

</body>

</html>

تعليقات