"صفحه اصلی"
Bootstrap 4.1.1 Snippet by niloo

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../../../../favicon.ico"> <title>Blog Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="../../css/editor.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="https://fonts.googleapis.com/css?family=Playfair+Display:700,900" rel="stylesheet"> <link href="blog.css" rel="stylesheet"> </head> <body> <div class="container"> <header class="blog-header py-3"> <div class="row flex-nowrap justify-content-between align-items-center"style="text-align: center;font-family:B zar;"> <div class="col-4 pt-1"> <a class="text-muted" href="#"><b>ثبت نام</b></a> </div> <div class="col-4 text-center"> <a class="blog-header-logo text-dark" href="#"><b>دکتر مرتضی اکبرپور</b></a> </div> <div class="col-4 d-flex justify-content-end align-items-center"> <a class="text-muted" href="#"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mx-3"><circle cx="10.5" cy="10.5" r="7.5"></circle><line x1="21" y1="21" x2="15.8" y2="15.8"></line></svg> </a> <a class="btn btn-sm btn-outline-secondary" href="#"><b>ورود</b></a> </div> </div> </header> <div class="nav-scroller py-1 mb-2"> <nav class="nav d-flex justify-content-between"> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">ورود پزشکان</p></b></a> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">نوبت دهی آنلاین</p></b></a> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">سوالات متداول</p></b></a> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">گواهینامه ها</p></b></a> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">ساعات مطب</p></b></a> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">تماس </p></b></a> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">مقالات</p></b></a> <a class="p-2 text-muted" href="#"><b><p style="text-align: center;font-family:B nazanin;">معرفی</p></b></a> </nav> </div> <div class="row mb-2"> <div class="col-md-6"> </div> </div> </div> <main role="main" class="container"> <div class="row"> <!-- /.blog-main --> <!-- /.blog-sidebar --> </div><!-- /.row --> </main><!-- /.container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="../../js/vendor/popper.min.js"></script> <script src="../../js/bootstrap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/holderjs@2.9.4/holder.js"></script> <script> Holder.addTheme('thumb', { bg: '#55595c', fg: '#eceeef', text: 'Thumbnail' }); </script> <svg xmlns="http://www.w3.org/2000/svg" width="200" height="250" viewBox="0 0 200 250" preserveAspectRatio="none" style="display: none; visibility: hidden; position: absolute; top: -100%; left: -100%;"><defs><style type="text/css"></style></defs><text x="0" y="13" style="font-weight:bold;font-size:13pt;font-family:Arial, Helvetica, Open Sans, sans-serif">Thumbnail</text></svg> <div class="container"> <div class="jumbotron" style="text-align: center;font-family:B zar;"> <h1 class="display-3">دکتر مرتضی اکبرپور</h1> <p class="lead"><b>فوق تخصص غدد و متابولیسم</b></p> <p><a class="btn btn-lg btn-success" href="#" role="button">بیوگرافی</a></p> </div> <div class="row marketing"> <div class="col-lg-6"> </div> </div> <footer class="footer"> </footer> </div> <!-- /container --> <!DOCTYPE html> </body> </html>
.form-horizontal * { direction: rtl; }

Related: See More

Vuetify Material Dashboard

Questions / Comments: