fork download
copy 
  1. <?php
  2. // صفحة هبوط لمتجر بيع اللحوم بالجملة - تبسة
  3. ?>
  4. <!DOCTYPE html>
  5. <html lang="ar" dir="rtl">
  6. <head>
  7.     <meta charset="UTF-8">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9.     <title>متجر بيع اللحوم بالجملة | تبسة</title>
  10.  
  11.     <style>
  12.         body {
  13.             font-family: 'Tahoma', sans-serif;
  14.             margin: 0; padding: 0;
  15.             background: #f8f8f8;
  16.             color: #333;
  17.         }
  18.  
  19.         header {
  20.             background: #a00000;
  21.             padding: 20px;
  22.             text-align: center;
  23.             color: #fff;
  24.         }
  25.  
  26.         header img {
  27.             max-width: 150px;
  28.             margin-bottom: 10px;
  29.         }
  30.  
  31.         .hero {
  32.             text-align: center;
  33.             padding: 40px 20px;
  34.             background: url('https://i...content-available-to-author-only...k.com/free-photo/fresh-meat-cutting-board-black_1150-20213.jpg') center/cover;
  35.             color: #fff;
  36.         }
  37.  
  38.         .hero h1 {
  39.             background: rgba(0,0,0,0.6);
  40.             display: inline-block;
  41.             padding: 12px 25px;
  42.             border-radius: 8px;
  43.         }
  44.  
  45.         .contact-box {
  46.             margin: 20px auto;
  47.             padding: 20px;
  48.             max-width: 450px;
  49.             background: #fff;
  50.             border-radius: 8px;
  51.             text-align: center;
  52.             box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  53.         }
  54.  
  55.         .products {
  56.             padding: 40px 20px;
  57.             text-align: center;
  58.         }
  59.  
  60.         .products h2 {
  61.             color: #a00000;
  62.             margin-bottom: 20px;
  63.         }
  64.  
  65.         .product-list {
  66.             display: grid;
  67.             grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  68.             gap: 20px;
  69.             max-width: 1000px;
  70.             margin: auto;
  71.         }
  72.  
  73.         .product {
  74.             background: #fff;
  75.             border-radius: 8px;
  76.             overflow: hidden;
  77.             box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  78.         }
  79.  
  80.         .product img {
  81.             width: 100%;
  82.             height: 160px;
  83.             object-fit: cover;
  84.         }
  85.  
  86.         .product-title {
  87.             padding: 12px;
  88.             font-size: 17px;
  89.             font-weight: bold;
  90.         }
  91.  
  92.         footer {
  93.             background: #a00000;
  94.             text-align: center;
  95.             color: #fff;
  96.             padding: 10px;
  97.             margin-top: 20px;
  98.         }
  99.     </style>
  100. </head>
  101.  
  102. <body>
  103.  
  104. <header>
  105.     <!-- ضع رابط اللوغو الحقيقي هنا -->
  106.     <img src="https://v...content-available-to-author-only...r.com/150x150?text=LOGO" alt="Logo">
  107.     <h3>بيع اللحوم الحمراء و البيضاء بالجملة</h3>
  108. </header>
  109.  
  110. <section class="hero">
  111.     <h1>أفضل أنواع اللحوم بالجملة في تبسة</h1>
  112. </section>
  113.  
  114. <section class="contact-box">
  115.     <p><strong>العنوان:</strong> طريق بكارية بجانب السوق الأسبوعي تبسة</p>
  116.     <p><strong>رقم الهاتف:</strong> 0559948488</p>
  117. </section>
  118.  
  119. <section class="products">
  120.     <h2>منتجاتنا</h2>
  121.     <div class="product-list">
  122.  
  123.         <div class="product">
  124.             <img src="https://i...content-available-to-author-only...k.com/free-photo/raw-steak-white-wall_2829-18815.jpg" alt="">
  125.             <div class="product-title">لحم بقري طازج</div>
  126.         </div>
  127.  
  128.         <div class="product">
  129.             <img src="https://i...content-available-to-author-only...k.com/free-photo/raw-chicken-meat-table_140725-7413.jpg" alt="">
  130.             <div class="product-title">دجاج بالجملة</div>
  131.         </div>
  132.  
  133.         <div class="product">
  134.             <img src="https://i...content-available-to-author-only...k.com/free-photo/fresh-lamb-chops-rosemary_144627-6997.jpg" alt="">
  135.             <div class="product-title">لحم غنمي</div>
  136.         </div>
  137.  
  138.         <div class="product">
  139.             <img src="https://i...content-available-to-author-only...k.com/free-photo/side-view-minced-meat-fresh_141793-3231.jpg" alt="">
  140.             <div class="product-title">لحم مفروم</div>
  141.         </div>
  142.  
  143.     </div>
  144. </section>
  145.  
  146. <footer>
  147.     © جميع الحقوق محفوظة - تبسة
  148. </footer>
  149.  
  150. </body>
  151. </html>
Success #stdin #stdout 0.02s 25428KB
comments (?)
stdin
copy 
Standard input is empty
stdout
copy 
<!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>

    <style>
        body {
            font-family: 'Tahoma', sans-serif;
            margin: 0; padding: 0;
            background: #f8f8f8;
            color: #333;
        }

        header {
            background: #a00000;
            padding: 20px;
            text-align: center;
            color: #fff;
        }

        header img {
            max-width: 150px;
            margin-bottom: 10px;
        }

        .hero {
            text-align: center;
            padding: 40px 20px;
            background: url('https://i...content-available-to-author-only...k.com/free-photo/fresh-meat-cutting-board-black_1150-20213.jpg') center/cover;
            color: #fff;
        }

        .hero h1 {
            background: rgba(0,0,0,0.6);
            display: inline-block;
            padding: 12px 25px;
            border-radius: 8px;
        }

        .contact-box {
            margin: 20px auto;
            padding: 20px;
            max-width: 450px;
            background: #fff;
            border-radius: 8px;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }

        .products {
            padding: 40px 20px;
            text-align: center;
        }

        .products h2 {
            color: #a00000;
            margin-bottom: 20px;
        }

        .product-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 20px;
            max-width: 1000px;
            margin: auto;
        }

        .product {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .product img {
            width: 100%;
            height: 160px;
            object-fit: cover;
        }

        .product-title {
            padding: 12px;
            font-size: 17px;
            font-weight: bold;
        }

        footer {
            background: #a00000;
            text-align: center;
            color: #fff;
            padding: 10px;
            margin-top: 20px;
        }
    </style>
</head>

<body>

<header>
    <!-- ضع رابط اللوغو الحقيقي هنا -->
    <img src="https://v...content-available-to-author-only...r.com/150x150?text=LOGO" alt="Logo">
    <h3>بيع اللحوم الحمراء و البيضاء بالجملة</h3>
</header>

<section class="hero">
    <h1>أفضل أنواع اللحوم بالجملة في تبسة</h1>
</section>

<section class="contact-box">
    <p><strong>العنوان:</strong> طريق بكارية بجانب السوق الأسبوعي تبسة</p>
    <p><strong>رقم الهاتف:</strong> 0559948488</p>
</section>

<section class="products">
    <h2>منتجاتنا</h2>
    <div class="product-list">

        <div class="product">
            <img src="https://i...content-available-to-author-only...k.com/free-photo/raw-steak-white-wall_2829-18815.jpg" alt="">
            <div class="product-title">لحم بقري طازج</div>
        </div>

        <div class="product">
            <img src="https://i...content-available-to-author-only...k.com/free-photo/raw-chicken-meat-table_140725-7413.jpg" alt="">
            <div class="product-title">دجاج بالجملة</div>
        </div>

        <div class="product">
            <img src="https://i...content-available-to-author-only...k.com/free-photo/fresh-lamb-chops-rosemary_144627-6997.jpg" alt="">
            <div class="product-title">لحم غنمي</div>
        </div>

        <div class="product">
            <img src="https://i...content-available-to-author-only...k.com/free-photo/side-view-minced-meat-fresh_141793-3231.jpg" alt="">
            <div class="product-title">لحم مفروم</div>
        </div>

    </div>
</section>

<footer>
    © جميع الحقوق محفوظة - تبسة
</footer>

</body>
</html>
https://ideone.com/wCYeck
language:
PHP (php 7.3.5)
created:
15 days ago
visibility:
public

Share or Embed source code

Discover > Sphere Engine API

The brand new service which powers Ideone!

Discover > IDE Widget

Widget for compiling and running the source code in a web browser!