cssd-back/resources/views/Landingpage.blade.php

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="../css/landing.css">
        <title>دانلود اپلیکیشن</title>
    </head>
    <body>
        <div class="container-fluid">
            <div style="background-color:red;"></div>
        </div>
        <div class="container-fluid RTL banner">
            <div class="row img-box" style="background-image:url({{ asset('img/Static/Landing/banner.png') }})">
                <div class="text-wrapper title">
                    <h2 class="Bold fa">دانلــــــــــود اپلیکیشــــــــــن</h2>
                    <span class="En en">Download Application</span>
                    <div class="btn-wrapper">
                        {{-- <a class="btn display-inline-block" href="" style="margin-left: 10px">
                            <img class="icon" src="{{ asset('img/Static/Landing/link.png') }}" alt="">
                            <span class="text">لینک دانلود مستقیم</span>
                        </a> --}}
                        <a class="btn display-inline-block" href="">
                            <img class="icon" src="{{ asset('img/Static/Landing/bazzar.png') }}" alt="">
                            <span class="text">دریافت از کافه بازار</span>
                        </a>
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="container mt-100 mt-xs-0 mb-100 RTL">
            <div class="row divider-sec title mt-50">
                <h2 class="Bold fa">آشنایی کلی با نرم افزار</h2>
                <span class="En en mb-3">General</span>
            </div>
            <div class="row mt-50 mb-100">
                <div class="col-md-12">
                    <p class="text-justify">
                        نرم افزار CSSD-Doc یک نرم افزار جامع مستندسازی، مدیریت و رهگیری و ردیابی استریل برای مدیرت ابزارها و تجهیزات پزشکی در بیمارستان ها و مراکز بهداشتی درمانی است. این نرم افزار با نگاه سهولت در استفاده و قابلیت دسترسی آسان و سریع از طریق اپ روی گوشی موبایل این امکان را به کادر بهداشت و درمان می دهد تا در هر زمان و مکان به اطلاعات مورد نیاز و اطمینان از بازفرآوری ایمن ابزارها و تجهیزات پزشکی اطمینان حاصل نمایند.
                    </p>
                </div>
                <div class="col-md-6">
                    <h2 class="mt-5">اهداف کلی:</h2>
                    <div></div>
                    <ul class="text-justify">
                        <li>	ایجاد و پیاده سازی الزامات و استانداردهای سازمان بهداشت جهانی WHO در بیمارستان ها و مراکز بهداشتی درمانی</li>
                        <li>
                            	اجرای استاندارد GS1 در ردیابی ابزار جراحی در بیمارستان ها و مراکز بهداشتی درمانی
                        </li>
                        <li>
                            	ارتقاء کیفیت و بهبود مستمر خدمات واحد CSSD در بیمارستان ها و مراکز بهداشتی درمانی
                        </li>
                        <li>
                            	مستندسازی و بایگانی الکترونیک آزمون های کنترل کیفی تجهیزات پزشکی در بخش استریل
                        </li>
                        <li>
                            	دسترسی آسان، سریع و ارزان در هر زمان و هر مکان 
                        </li>
                        <li>
                            	امکان جستجوی سریع و آنلاین بدون نیاز به پروندهای کاغذی
                        </li>
                        <li>
                            	ردیابی و رهگیری تمامی بسته های استریل
                        </li>
                        <li>
                            	ایجاد شناسنامه الکترونیک برای هریک از اقلام و تجهیزات پزشکی
                        </li>
                        <li>
                            	ایجاد لیبل با تاریخ تولید و انقضاء و سایر مشخصات برای هر بسته استریل و هر یک از اقلام
                        </li>
                        <li>
                            	شناسایی خطا ها، آنالیز دلایل و پیشگیری از وقوع مجدد
                        </li>
                        <li>
                            	کنترل و ثبت نتایج آزمون ها و عملکردهای دستگاه های واحد CSSD بیمارستانها و آنالیز آماری نتایج
                        </li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <div class="img-box">
                        <img class="img" src="{{ asset('img/Static/Landing/all.png') }}" alt="">
                    </div>
                </div>
            </div>
            <div class="row divider-sec title mt-50">
                <h2 class="Bold fa">کـــــارکردهای نرم افـــــزار</h2>
                <span class="En en mb-3">Software Functions</span>
            </div>

            {{-- Add Label --}}
            <div class="row mt-50 mb-100">
                <div class="col-md-6">
                    <img src="{{ asset('img/Static/Landing/add-label-icon.png') }}" alt="" width="50px" height="50px">
                    <h3 class="Bold En-Bold mb-4">Add Label and Cycle</h3>
                    <p>امکان تولید الکترونیکی برچسب هر بسته استریل بیمارستان ها و مراکز بهداشتی درمانی حاوی </p>
                    <ul class="text-justify">
                        <li>
                                تاریخ و شیفت کاری
                        </li>
                        <li>
                                شماره/کد دستگاه استریل کننده
                        </li>
                        <li>
                                تاریخ تولید و انقضا مصرف بسته استریل
                        </li>
                        <li>
                                شماره سیکل یا چرخه بارگذاری
                        </li>
                        <li>
                                نام بارگذاری کننده هر چرخه استریل(نام اپراتور)
                        </li>
                        <li>
                                نام ست
                        </li>
                        <li>
                                بارکد یونیک خطی برای هر بسته با شماره اختصاصی
                        </li>
                        <li>
                            بارکد QR-code محتویات بسته(تعداد و انواع)
                        </li>
                    </ul>
                </div>
                <div class="col-md-6">
                    <div class="img-box">
                        <img class="img" src="{{ asset('img/Static/Landing/add-label.png') }}" alt="">
                    </div>
                </div>
            </div>

            {{-- Add Test --}}
            <div class="row mt-100 mb-100">
                <div class="col-md-6 order-xs-2">
                    <div class="img-box">
                        <img class="img" src="{{ asset('img/Static/Landing/add-test.png') }}" alt="">
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="title-box">
                        <img src="{{ asset('img/Static/Landing/add-test-icon.png') }}" alt="" width="50px" height="50px">
                        <h3 class="Bold En-Bold mb-4">Add Test</h3>
                    </div>
                    <p class="text-justify">امکان مستندسازی و بایگانی الکترونیکی کلیه ی آزمون های کنترل کیفی دستگاه های استریلایزر، ابزارشوی، سیلر(دوخت حرارتی)  بیمارستان ها و مراکز بهداشتی درمانی با قابلیت های ثبت پارامترهای فیزیکی ،جستجو و بازیابی سریع و آسان سوابق آزمون ها و امکان محاسبات آماری و ارایه نموداری نتایج آزمون ها و شاخص ها</p>
                </div>
            </div>

            {{-- Verification --}}
            <div class="row mt-100 mb-100">
                <div class="col-md-6"> 
                    <img src="{{ asset('img/Static/Landing/verification-icon.png') }}" alt="" width="50px" height="50px">
                    <h3 class="Bold En-Bold mb-4">Test Verification</h3>
                    <p class="text-justify">قابلیت رهگیری هر بسته استریل بصورت الکترونیکامکان رهگیری، تشخیص وثبت اینکه کدام بسته استریل برای کدام بیمار استفاده شده است.</p>
                    <p class="text-justify">هم چنین امکان ایجاد تست یا برچسب مورد نظر با اسکن بارکد QR-Code  آن در محیط نرم افزار وجود دارد</p>

                </div>
                <div class="col-md-6">
                    <div class="img-box">
                        <img class="img" src="{{ asset('img/Static/Landing/verification.png') }}" alt="">
                    </div>
                </div>
             </div>
        </div>
        <style> 
            .RTL {
                direction: rtl;
            }
            .banner .img-box {
                height: 873px;
                background-size: contain;
                background-repeat: no-repeat;
            }
            .banner .btn {
                text-decoration: none;
                color: #fff;
                background-color: #000;
                border: 1px solid #000;
                padding: 7px 17px;
                border-radius: 5px;
                display: inline-flex;
                align-items: center;
                margin-top: 50px;
                transition: all .4s ease-out;
            }
            .banner .btn .text {
                font-size: 14px;
            }
            .banner .btn .icon {
                margin-left: 4px;
                width: 25px; 
            }
            .banner .btn:hover {
                background: transparent;
                border: 1px solid #000;
            }
            .banner .btn:hover .text {
                color: #000;
            }
            .btn-wrapper {

            }
            .text-wrapper {
                position: relative;
                max-width: 600px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            .divider-sec.title {
                border-bottom: 1px solid #f7f7f7;
            }
            .divider-sec.title .fa {
                padding-right: 0;
            }
            .divider-sec.title span.en {
                letter-spacing: 10px;
                text-transform: uppercase;
                font-size: 10px;
                color: #c7c7c7;
                padding-right: 0;
            }
            .img-box .img {
                width: 600px
            }
            @media screen and (max-width : 500px) {
                .banner .img-box {
                    height: 200px;
                }
                .text-wrapper {
                    max-width: 200px;
                }
                .text-wrapper.title .fa {
                    font-size: 15px;
                    margin-bottom: 0
                }
                .text-wrapper.title .en {
                    font-size: 8px;
                    letter-spacing: 2px;
                }
                .text-wrapper.title .btn {
                    margin-top: 10px;
                } 
                .banner .btn .text {
                    font-size: 10px;
                }
                .banner .btn {
                    padding: 2px 12px;
                }
                .img-box {
                    text-align: center
                }
                .img-box .img {
                    width: 300px
                }
                .order-xs-2 {
                    order: 2;
                }
            }
        </style>
    </body>
</html>