<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="he"> <head> <link href='https://fonts.googleapis.com/css?family=Assistant' rel='stylesheet' type='text/css' /> <style> img.fit { /* set relative picture size */ max-width: 100%; max-height: 100%; } img.center { display: block; text-align: center; position: absolute; left: 50%; margin-left: -74px; top: 0%; } div.titleLarge { width: 100%; height: 30px; } div.titleLarge > img { display: block; text-align: center; position: absolute; left: 50%; margin-left: -62px; } div.title { width: 100%; height: 15px; } div.title > img { display: block; text-align: center; position: absolute; left: 50%; margin-left: -22px; } p.b {font-weight: bold;} p.s {font-size: 12px;} h1.titleLarge { text-align: center; font-size: 24px; font-weight: bold; } h3.title { text-align: center; font-size: 20px; font-weight: bold; } img.fitCenter { /* set relative picture size */ max-width: 15%; } div.right { text-align: right; } footer { /* set relative picture size */ width: 100%; background-color: #8e8c8c; text-align: center; padding: 10px 0; } body { direction: rtl; font-weight: normal; font-size: 16px; padding: 5px; background-color: #ececec; font-family: 'Assistant', Arial, sans-serif; } table.t {text-align: center;} table.t img {width:100%;} table.t th { font-weight: bold;} @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } thead tr { position: absolute; top: -9999px; left: -9999px; } td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 50px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; } td:nth-of-type(1):before { content: " "; } td:nth-of-type(2):before { content: "  "; } td:nth-of-type(3):before { content: "   "; } } </style> <link rel="shortcut icon" href="favicon.ico" /> <meta charset="utf-8" /> <meta property="og:title" content="    - , ,  ." /> <meta property="og:url" content="http://www.diamonds-info.co.il/" /> <meta property="og:description" content="         .                  ." /> <title>    - , ,  .</title> <meta id="description" name="description" content="         .                  ." /> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <header> <img src="bg-banner.jpg" class="fit" alt="" /> <!--<img src="big-logo-title.png" class="center" alt="" />--> </header> <div> <h1 class="titleLarge">   .</h1> <div class="titleLarge"> <img src="big-element.png" alt="" /> </div> <p>           .                                 .</p> <h3 class="title">   </h3> <div class="title"> <img src="small-element.png" alt="" /> </div> <p>                   .</p> <p>-              ,               .</p> <p>-       18 "       .</p> <p>-            .</p> <p>-        - 3,000             .</p> <p>-                      .</p> <p>-              ,    .</p> <p>-  3       .   ,       .          - 70%    .</p> <table class="t"> <thead> <tr style="text-decoration: underline;"> <th> </th> <th>  </th> <th>   </th> </tr> </thead> <tr> <td><img src="L1.jpg" alt=""/></td> <td><img src="L2.jpg" alt=""/></td> <td><img src="L3.jpg" alt=""/></td> </tr> </table> <p><b> </b> <b>  </b> <b>   </b></p> <h3 class="title">    </h3> <div class="title"> <img src="small-element.png" alt="" /> </div> <p>       .         1987     .</p> <p>           .         87       .              ,              .</p> <p>             .  ,              " "       .</p> <h3 class="title">   </h3> <div class="title"> <img src="small-element.png" alt="" /> </div> <p>         3      .</p> <p><b>1 -  </b>:       K14   9 .  ,         3     .</p> <p><b>2</b> - <b>  </b>: ,            .     15-20         60 .                   .</p> <p><b>3</b> - <b>  </b>:        1   20 .        2           2              .</p> <p>        12   .         ""   -50          " ".</p> <p>       2010   ".</p> <p>  545            . </p> <h3 class="title">  </h3> <div class="title"> <img src="small-element.png" alt="" /> </div> <p>   ,                 .</p> <p>  ,             .</p> <p>         .     90%         .</p> <p>              ?</p> <h3 class="title">  </h3> <div class="title"> <img src="small-element.png" alt="" /> </div> <p>               ,               (  )           . </p> <p>              .</p> <h3 class="title">  </h3> <div class="title"> <img src="small-element.png" alt="" /> </div> <p>                  .</p> <p>        ,            .</p> <p>              .               .</p> <p>1 -       " "     </p> <p>2 -     (      )             .</p> <p>             ,  '....</p> <p>          .         ( )            .</p> <h3 class="title">   </h3> <div class="title"> <img src="small-element.png" alt="" /> </div> <p> </p> <p>                   .              (,    ).</p> <p>                                 . </p> <p>                ( D-F)       (VS-SI).           .</p> <p>            ,             .</p> <p></p> <p>  ,                          (  ).       ,       .</p> <p>             .             .            .</p> </div> <footer> </footer> </body> </html>