|
|
| خط ۶۸: |
خط ۶۸: |
| </div> | | </div> |
| </div> | | </div> |
|
| |
| <style>
| |
| .company-box {
| |
| width: 100%;
| |
| border: 1px solid #ccc;
| |
| background: #fff;
| |
| border-radius: 10px;
| |
| box-shadow: 0 0 10px rgba(0,0,0,0.15);
| |
| margin: 20px 0;
| |
| direction: rtl;
| |
| }
| |
|
| |
| .company-header {
| |
| background: #003b63;
| |
| color: #fff;
| |
| padding: 12px;
| |
| font-size: 20px;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| border-radius: 10px 10px 0 0;
| |
| }
| |
|
| |
| .company-body {
| |
| display: flex;
| |
| flex-direction: row;
| |
| padding: 15px;
| |
| gap: 20px;
| |
| }
| |
|
| |
| .company-info {
| |
| flex: 1;
| |
| }
| |
|
| |
| .company-logo {
| |
| width: 260px;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| }
| |
|
| |
| .company-row {
| |
| display: flex;
| |
| border-bottom: 1px solid #eee;
| |
| padding: 7px 0;
| |
| }
| |
|
| |
| .company-label {
| |
| width: 30%;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .company-value {
| |
| width: 70%;
| |
| }
| |
|
| |
| @media(max-width:600px) {
| |
| .company-body {
| |
| flex-direction: column-reverse;
| |
| }
| |
| .company-logo {
| |
| width: 100%;
| |
| }
| |
| }
| |
| </style>
| |
