Skip to content

carousel example

Jump to bottom
muktomona non-profit edited this page Nov 23, 2020 · 3 revisions

carousel animation before removing,

<div id="content-wrapper">
<div class="site-section book_library">
  <div class="container">
    <div class="col-md-12">
      <h2>ই-বুক লাইব্রেরি </h2>
      <div class="well">
        <div id="myCarousel" class="carousel slide">
          <!-- Carousel items -->
          <div class="carousel-inner">
            <div class="item active">
              <div class="row">
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2016/02/19/48494"><img src="pic/books/obissahsher.jpg" alt="অবিশ্বাসের দর্শন ই-বুক ছবি" title="অবিশ্বাসের দর্শন ই-বুক" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2015/11/10/48029/"><img src="pic/books/biswasher_virus.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2016/09/12/49434/"><img src="pic/books/valobasha_kare_koi.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://drive.google.com/file/d/0ByhjQNt3o4g2LW1CSHhwSUU0Ums/view?usp=sharing"><img src="pic/books/shunno_theke_mohabissho.jpg" alt="Image" class="img-responsive"></a>
                </div>
              </div>
              <!--/row-->
            </div>
            <!--/item-->
            <div class="item">
              <div class="row">
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2016/04/27/48863"><img src="pic/books/shomokamita_avijit.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2012/04/10/24717"><img src="pic/books/parthibo.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2012/02/28/23437"><img src="pic/books/soviet_science_ananta.jpg" alt="Image" class="img-responsive"></a>
                </div>
              </div>
              <!--/row-->
            </div>
            <!--/item-->
            <div class="item">
              <div class="row">
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/wp-content/uploads/2017/03/jukti-4th-Final-with-links.pdf"><img src="pic/books/jukti-4th-issue-1-198x300.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/wp-content/uploads/2017/03/yukti.pdf"><img src="pic/books/yukti-1-198x300.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/wp-content/uploads/2017/03/Ja-Amader-Porte-Deyni-By-SS.pdf"><img src="pic/books/textbook-cont-removed.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2016/02/11/48434/"><img src="pic/books/nabi-mohamad-23-years.jpg" alt="Image" class="img-responsive"></a>
                </div>
              </div>
              <!--/row-->
            </div>
            <!--/item-->
            <div class="item">
              <div class="row">
                <div class="col-sm-3">
                  <a href="https://gold.mukto-mona.com/project/Biggan_dhormo2008/index.html"><img src="pic/books/science-vs-belief.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/wp-content/uploads/2017/03/FINAL-21st-century-full.pdf"><img src="pic/books/darwin-ananta.jpg" alt="Image" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/2016/02/19/48494"><img src="pic/books/obissahsher.jpg" alt="অবিশ্বাসের দর্শন ই-বুক ছবি" title="অবিশ্বাসের দর্শন ই-বুক" class="img-responsive"></a>
                </div>
                <div class="col-sm-3">
                  <a href="https://blog.mukto-mona.com/wp-content/uploads/2017/03/JSBH-v.2.2-1.pdf"><img src="pic/books/untold-truth.jpg" alt="Image" class="img-responsive"></a>
                </div>
              </div>
              <!--/row-->
            </div>
          </div>
          <!--/carousel-inner--> <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
          <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
        </div>
        <!--/myCarousel-->
      </div>
      <!--/well-->
    </div>
  </div>
...

and article style for single post,

<article class="site-section">
  <header>
    <h2>ভূমিকা </h2>
    <p>প্রকাশিত: <time datetime="2017-04-30">১২-২৮-২০১৬</time></p>
  </header>

  <p>
  মুক্তমনা মানবতাবাদী, যুক্তিবাদী, ধর্মনিরপেক্ষ, অসাম্প্রদায়িক মানুষের
  সোচ্চার কন্ঠ। ২০০১ সালের ২৬শে মে লেখক অভিজিৎ রায় (১৯৭১-২০১৫)
  মানব মনে মুক্তবুদ্ধি ও বৈজ্ঞানিক চিন্তাচেতনা প্রসারের লক্ষে মুক্তমনা প্রতিষ্ঠা
  করেন। বিজ্ঞান, যুক্তি, মানবতাবাদ ছাড়াও ধর্ম/নির্ধর্ম, দর্শন, সাহিত্য,
  ইতিহাস সহ বিভিন্ন বিষয়ে লেখা প্রকাশ করা হয় মুক্তমনা
  <a href="http://blog.mukto-mona.com/">বাংলা ব্লগ</a> ও
  <a href="http://enblog.mukto-mona.com/">ইংরেজি ব্লগে</a>।
  বাংলাভাষায় রচিত মুক্তমনা সদস্যদের প্রকাশিত গ্রন্থ পাবেন
  <a href="http://blog.mukto-mona.com/">ই-বই লাইব্রেরিতে</a>।
  বিবর্তন বিজ্ঞানের উপর বাংলাভাষায় লেখা প্রবন্ধ, বই, প্রশ্নোত্তর নিয়ে দেখুন
  <a href="https://gold.mukto-mona.com/evolution/index.html">
  মুক্তমনা বিবর্তন আর্কাইভ</a>। মুক্তমনা পডকাস্টের পর্বগুলো শুনতে এবং
  ডাউনলোড করতে <a href="http://podcast.mukto-mona.com/">
  এখানে ক্লিক করুন।</a> অভিজিৎ রায়ের তৈরি করা মুক্তমনার পুরাতন সাইটটি দেখতে পাবেন
  <a href="https://gold.mukto-mona.com/index.html">এখানে।</a></p>
  <p>
  মুক্তমনায় লেখা পাঠান editor 'এট' mukto-mona 'ডট' com ঠিকানায় এবং
  যেকোনো বিষয়ে যোগাযোগের জন্য লিখুন contact 'এট' mukto-mona 'ডট' com ।
  এছাড়া নিয়মিত আপডেট পেতে সংযুক্ত হতে পারেন
  <a href="https://www.facebook.com/muktomonaofficial">ফেসবুক</a>
  এবং <a href="https://twitter.com/AvijitsMM">টুইটারে</a>।
  </p>
  <footer>
    <p><small> sample text </small></p>
  </footer>
</article>
...

Clone this wiki locally