<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
  <!-- Content Header (Page header) -->
  <section class="content-header">
    <h1>
      Petunjuk
      <small>Penggunaan</small>
    </h1>
    <ol class="breadcrumb">
      <li><a href="#"><i class="fa fa-commenting"></i> Petunjuk</a></li>
      <li class="active">Petunjuk</li>
    </ol>
  </section>

  <!-- Main content -->
  <section class="content">
    <div class="container">
    <div class="jawaban">
        <div class="row">
          <div class="jawab">
            <div class="info-box">
                <!-- Apply any bg-* class to to the icon to color it -->
                <span class="info-box-icon bg-purple"><i class="fa fa-search"></i></span>
                <div class="info-box-content">
                  <h4>Petunjuk Penggunaan</h4>
                  Website Sistem Pakar Diagnosa Domba
                </div><!-- /.info-box-content -->
            </div><!-- /.info-box -->

            <div class="box box-widget">
              <div class="box-header with-border">
                <div class="user-block">
                  <a href="#">
                    <h4>Landing Page</h4>
                  </a>
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/landing pc.png" alt="Photo">
                <p>Landing Page pada PC</p>

                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/landing hp.png" alt="Photo">
                <p>Landing Page pada HP</p>

                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/landing hp nav.png" alt="Photo">
                <p>Menu Navigasi Landing Page pada HP</p>
              </div>
              <!-- /.box-body -->
              <div class="box-footer box-comments">
                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Landing Page pada PC
                        </span><!-- /.username -->
                    Pada landing page anda bisa menekan tombol lihat sekarang untuk mulai menggunakan website ini. Atau anda dapat langsung menekan pilihan menu navigasi yang ada.
                  </div>
                  <!-- /.comment-text -->
                </div>

                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Landing Page pada HP
                        </span><!-- /.username -->
                    Sedangkan pada landing page hp tampilan yang ada kurang lebih sama, akan tetapi untuk memunculkan pilihan menu navigasi yang ada anda harus menekan tombol menu di pojok atas terlebih dahulu.
                  </div>
                  <!-- /.comment-text -->
                </div>
              </div>
            </div>

            <div class="box box-widget">
              <div class="box-header with-border">
                <div class="user-block">
                  <a href="#">
                    <h4>Home Page</h4>
                  </a>
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/home pc toggle.png" alt="Photo">
                <p>Home Page pada PC</p>

                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/home pc fade.png" alt="Photo">
                <p>Menu Navigasi Home Page pada PC</p>
              </div>
              <!-- /.box-body -->
              <div class="box-footer box-comments">
                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Home Page pada PC
                        </span><!-- /.username -->
                    Pada home page anda bisa anda dapat langsung menekan pilihan menu navigasi yang ada. Dan jika anda bingung dengan menu tersebut anda dapat menekan tombol menu yang berada pada bagian bar navigasi.
                  </div>
                  <!-- /.comment-text -->
                </div>

                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Menu Navigasi Home Page pada PC
                        </span><!-- /.username -->
                    Setelah menekan tombol menu tersebut maka daftar menu navigasi utama akan menampilkan nama-nama menu yang ada.
                  </div>
                  <!-- /.comment-text -->
                </div>
              </div>
            </div>

            <div class="box box-widget">
              <div class="box-header with-border">
                <div class="user-block">
                  <a href="#">
                    <h4>Konsultasi</h4>
                  </a>
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/konsul mau jawab pc.png" alt="Photo">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/konsul mau jawab hp.png" alt="Photo">
                <p>Awal Konsultasi pada PC & HP</p>
              </div>
              <!-- /.box-body -->
              <div class="box-footer box-comments">
                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Awal Konsultasi
                        </span><!-- /.username -->
                    Saat anda memulai menu konsultasi akan terdapat tombol "Mulai Pertanyaan" untuk memulai pertanyaan diagnosis penyakit domba.
                  </div>
                  <!-- /.comment-text -->
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/konsul pertanyaan pc.png" alt="Photo">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/konsul pertanyaan hp.png" alt="Photo">
                <p>Pertanyaan Konsultasi pada PC & HP</p>
              </div>
              <!-- /.box-body -->
              <div class="box-footer box-comments">
                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Pertanyaan Konsultasi
                        </span><!-- /.username -->
                    Setelah anda menekan tombol "Mulai Pertanyaan" akan muncul menu pop-up berisi pertanyaan mengenai gejala penyakit domba dan anda dapat menjawabnya berdasarkan apa yang dialami oleh domba anda.
                  </div>
                  <!-- /.comment-text -->
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/hasil jawaban pc.png" alt="Photo">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/hasil jawaban hp.png" alt="Photo">
                <p>Hasil Jawaban pada PC & HP</p>
              </div>
              <!-- /.box-body -->
              <div class="box-footer box-comments">
                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Hasil Jawaban
                        </span><!-- /.username -->
                    Saat anda menjawab pertanyaan terakhir yang diberikan, maka akan muncul menu pop-up berupa daftar pertanyaan yang telah anda jawab. Anda dapat menekan tombol diagnosis untuk memunculkan hasil diagnosis penyakit dombaa anda, atau menekan tombol ulangi untuk mengulangi pertanyaan konsultasi dari awal.
                  </div>
                  <!-- /.comment-text -->
                </div>
              </div>
            </div>

            <div class="box box-widget">
              <div class="box-header with-border">
                <div class="user-block">
                  <a href="#">
                    <h4>Diagnosa</h4>
                  </a>
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/diagnosa pc.png" alt="Photo">
                <p>Diagnosa pada PC</p>

                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/diagnosa hp.png" alt="Photo">
                <p>Diagnosa pada HP</p>
              </div>
              <!-- /.box-body -->
              <div class="box-footer box-comments">
                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Diagnosa
                        </span><!-- /.username -->
                    Setalah menekan tombol diagnosa pada menu pop-up hasl pertanyaan, maka website akan mengalihkan anda pada halaman diagnosa yang berisi hasil diagnosa pakar terhadap penyakit domba anda.
                    Anda bisa menekan bar penjelasan, gejala, dan penanganan untuk memunculkan detail bar tersebut. Selain itu anda dapat menekan tombol cetak untuk mencetak hasil diagnosa, jika perangkat anda tidak terhubung dengan mesin cetak maka anda bisa menyimpan file tersebut dengan format pdf.
                  </div>
                  <!-- /.comment-text -->
                </div>

              </div>
            </div>

            <div class="box box-widget">
              <div class="box-header with-border">
                <div class="user-block">
                  <a href="#">
                    <h4>Cetak Diagnosa</h4>
                  </a>
                </div>
              </div>
              <!-- /.box-header -->
              <div class="box-body">
                <img class="img-responsive pad" src="<?php echo base_url(); ?>assets/img/tutor/print pc.png" alt="Photo">
                <p>Cetak Diagnosa</p>
              </div>
              <!-- /.box-body -->
              <div class="box-footer box-comments">
                <div class="box-comment">

                  <div class="comment-text">
                        <span class="username">
                          Cetak Diagnosa
                        </span><!-- /.username -->
                    Setalah menekan tombol cetak maka akan muncul menu pilihan cetak yang kurang lebih akan terlihat seperti ini.
                  </div>
                  <!-- /.comment-text -->
                </div>

              </div>
            </div>

          </div>
        </div>
    </div>
    </div>
  </section>
  <!-- /.content -->
</div>
