"Yoga Pranic Healing Bootstrap Template"
Bootstrap 4.1.1 Snippet by prvnpp

<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> <!-- saved from url=(0048)http://fujairahyoga.ae/basic-pranic-healing.html --> <html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="DESCRIPTION" content="...Trinity Infoventure imparts training in Yoga and Pranic Healing. Phone us at 0547045510 or email info@trinityinfoventure.com website: www.trinityinfoventure.com ..."> <meta http-equiv="EXPIRES" content="Mon, 22 Jul 2019 11:12:01 GMT"> <meta name="KEYWORDS" content="yoga,pranichealing,healing,fujairah,trinity,trinityinfoventure,tiv,info,Infoventure"> <meta http-equiv="REFRESH" content="1045;URL=http://trinityinfoventure.com"> <meta name="ROBOTS" content="index,follow"> <link rel="icon" href="http://www.trinityinfoventure.com/wp-content/uploads/2018/03/cropped-Logo-tmp-270x270.png"> <meta name="AUTHOR" content="Praveen Parakkal"> <!-- tabbed pages designed by Praveen P Parakkal. Enjoy! --> <title>Trinity Infoventure - Arhatic Yoga &Pranic Healing - ph 0547045510</title> <!-- Bootstrap CSS CDN --> <!-- Font Awesome --> <!-- Custom styles for this template --> <style type="text/css"></style> <head> </head> <body> <header> <!-- navbar code --> <nav class="nav navbar navbar-expand-lg navbar-full" id="top"> <!-- Brand --> <a class="navbar-brand" href="http://fujairahyoga.ae/" alt="Trinity Infoventure" style="padding:0px 25px; border:none; background-color:transparent;"> <img src="http://fujairahyoga.ae/images/logo-300x120.png" class="d-inline-block align-top" height="100%" width="100%" /></a>&nbsp <!-- Links --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup, #navbarNavAltMarkup1" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> <b> <a class="nav-item nav-link active" href="#top"> <i class="fa fa-home"></i> Home <span class="sr-only">(current)</span> </a> <a class="nav-item nav-link" href="#ft">About US</a> <a class="nav-item nav-link" href="#ft"> <i class="fa fa-smile-o"></i> Courses</a> <a class="nav-item nav-link disabled" href="#ft">Gallery</a> <a class="nav-item nav-link disabled " style="text-align:center; color:green; border-radius=50;" href="#ft" dir="rtl"> <i class="fa fa-language"></i> عربي </a> </b> </div> </div> </nav> <nav class="tnav navbar navbar-expand-lg navbar-full"> <div class="collapse navbar-collapse justify-content-end" id="navbarNavAltMarkup1"> <div class="navbar-nav"> <a class="nav-item nav-link" href="./basic-pranic-healing.html">Pranic Healing <span class="sr-only">(current)</span> </a> <a class="nav-item nav-link active" href="./yoga.html">Patanjali Yoga</a> <a class="nav-item nav-link" href="./yoga.html">Arhatic Yoga</a> <a class="nav-item nav-link" href="./yoga.html">Crystal Healing</a> <a class="nav-item nav-link disabled" href="./yoga.html" dir="rtl"> عربي   Meditation </a> </div> </div> </nav> <!-- end navbar --> </header> <main> <!-- main body starts here --> <div class="container-fluid dv1"> <div class="row"> <div class="col-sm-12"><div class="row"> <div class="col-sm-4 form1"> Find out more &</br> </h6 style="color:green; "> <strong>GET STARTED TODAY !</strong> </h6> <!-- form controls starts here --> <form id="contact-form" method="post" action="contact.php" role="form"> <div class="messages"></div> <!-- Submission process Message --> <div class="controls"> <div class="row"> <div class="col-md-12 input"> <div class="form-group"> <input id="form_name" type="text" name="name" class="form-control" placeholder="Enter Your name *" required="required" data-error="Firstname is required."> <input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Phone *" required="required" data-error="Valid Phone is required."> <input id="form_email" type="email" name="email" class="form-control" placeholder="e-mail *" required="required" data-error="Valid email is required."> <input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Subject *"> <textarea id="form_message" name="message" class="form-control" placeholder="Message *" rows="4" required="required" data-error="Please,leave us a message."></textarea> <div class="help-block with-errors"></div> </div> </div> <div class="col-md-12 input"> <input type="submit" class="btn btn-info btn-send" value="Send message"> </div> </div> <div class="row"> <div class="col-md-12 input"> <p class="text-muted"></p> </div> </div> </div> </form> <!-- form controls ends here --> form</div> <div class="col-sm-8 carousel1"> <!-- Carousel sliders starts here --> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ul class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> </ul> <!-- The slideshow --> <div class="carousel-inner"> <div class="carousel-item active" style="background:cover; background-color:yellow; height:300px;"> <img src="Slider-7.jpg" alt="Arhatic Yoga" width=50% height=25%> </div> <div class="carousel-item" style="background:cover; background-color:green; height:300px;"> <img src="Slider-2.jpg" alt="Pranic Healing" width=50% height=25%> </div> <div class="carousel-item" style="background:cover; background-color:violet; height:300px;"> <img src="Slider-3.jpg" alt="Yoga" width=50% height=25%> </div> <div class="carousel-item" style="background:cover; background-color:pink; height:300px;"> <img src="Slider-4.jpg" alt="Industrial Internship" width=50% height=25%> </div> </div> <!-- Left and right controls --> <a class="carousel-control-prev" href="#myCarousel" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#myCarousel" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> <!-- Carousel sliders ends here --> carousel </div> </div></div> <div class="col-sm-12 dv3"><div class="row"> <div class="col-sm-4"> </br> <p dir="ltr" style="text-align: left; font face=Arial; color=#CCFF00; max-size=12;">We offer Classes in :-</br> <b> <a href="#" class="btn btn3">MCKS Pranic Healing</a> </br> Hatha / Vinayasa Yoga</br> <a href="http://www.trinityinfoventure.com/t/" target="_blank" style="font face=Arial; color=#CCFF00; size=auto;" class="btn btn-info">IIITP_Internship_Program</a> </b> </br>Sudarshana kriya (Happiness Program)</br>Sri Sri Natya Yoga </br> Healing Yoga, Kids Yoga </br> Access Bars , NLP , Enneagram</br> <a href="https://api.whatsapp.com/send?phone=971547045510&text=I%20want%20some%20more%20information%20about%20Yoga" target="_blank" style=" font face=Arial; color=#fff; max-size=10;" class="btn btn-success"> Join Whatsapp <i class="fa fa-whatsapp">::0547045510</i> </a> <a href="http://www.fujairahyoga.ae/">MORE</a> </p> </div> <div class="col-sm-4"> </br> <i class="fa fa-home" aria-hidden="true"> <b>TRINITY INFOVENTURE</b> </i> </br> <b>1201, Emirates Islamic Bank Building, </br>Fujairah, U.A.E</b> <br> <i class="fa fa-phone" aria-hidden="true">Office +971 9 222 6640 </i> </br> <i class="fa fa-whatsapp" aria-hidden="true"> Mobile +971 54 704 5510</i> </br> <a href="mailto:info@trinityinfoventure.com" class="fa fa-envelope" aria-hidden="true">e-mail :info@trinityinfoventure.com</a> </div> <div class="col-sm-4"> <br><h6> <i class="fa fa-location-arrow" aria-hidden="true"> Location Map</i> </h6> <p dir="rtl"> <span> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7224.849439206572!2d56.336951!3d25.121328!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xda64d75cb56e05bc!2sTrinity+Infoventure!5e0!3m2!1sen!2sae!4v1500887843801" width="auto" height="150" frameborder="0" style="border:0" allowfullscreen></iframe> </span> </p> </div> </div></div> <div class="col-sm-12 dv2"><div class="row"> <div class="col-sm-3"> <h3>ما هو البرانيـك هيلينـغ </h3> <p>هو فن وعلم هندي الأصل للعلاج الطبيعي.</p> 2.1</div> <div class="col-sm-3"> <h3>Pranic Healing</h3> <p>Are you looking for an alternative medical treatment without medicine and no body touch ? <br> Pranic Healing is No Touch No Medicine Therapy <br> </p> 2.2</div> <div class="col-sm-3"> <h3>Yoga</h3> <p> <i class="fa fa-smile"></i>for Happiness <br> <i class="fa fa-smile"></i>for Physical Fitness &amp Healing Diseases <br> <i class="fa fa-smile"></i>for releasing stress and anxiety <br> <i class="fa fa-smile"></i>We also provide Ladies Only and Private Classes <br> </p> 2.3</div> <div class="col-sm-3"> <p id="ft" dir=rtl style="text-align: right"><h3>يوغا</h3></br> فوائد رياضة اليوغا :- <br> الرياضة تُعتبر الرّياضة من أهمّ الأمور التي يجب على الإنسان مُمارستها بشكل يوميّ؛ وذلك لما لها من آثار إيجابيّة تنعكس على صحّته ومظهره ونفسيّته، فالرياضة تقي الإنسان من الإصابة بالعديد من الأمراض، كأمراض القلب والأوعية الدموية؛ لأنّها تعمل على حرق الدهون الزّائدة في الجسم، لذا فهي أيضاً تجعل الجسم أكثر رشاقةً ومرونةً، ما أنّها وسيلة مُمتازة للتّسلية والتّرويح عن النّفس. </p> 2.4</div> </div></div> <div class="col-sm-12 dv3"><div class="row"> <div class="col-sm-2">3.1</div> <div class="col-sm-2">3.2</div> <div class="col-sm-2">3.3</div> <div class="col-sm-2">3.4</div> <div class="col-sm-2">3.5</div> <div class="col-sm-2">3.6</div> </div></div> <div class="col-sm-12 dv2"><div class="row"> <div class="col-sm-4"> <p dir="rtl" style="text-align: left"> <b>Pranic Healing</b> </br> PRANIC HEALING is a highly developed and tested system of energy based healing techniques that utilizes “prana” to balance, harmonize and transform the body’s energy processes. “Prana” is a Sanskrit word that means “life-force”. This invisible bio-energy or vital energy keeps the body alive and maintains a state of good health. In acupuncture, the Chinese refer to this subtle energy as “Chi”. It is also called “Ruah” or the “Breath of Life” in the Old Testament.</br> PRANIC HEALINGis a simple yet powerful and effective no-touch energy healing. It is based on the fundamental principle that the body is a “self-repairing” living entity that possesses the innate alaility to heal itself. <p style="text-color: #FCF903"> Course Duration: 2 days</p> </p> </div> <div class="col-sm-4"> <p dir=rtl style="text-align: center">البرانيك هيلينغ</br> اليوغا اليوغا هو مصطلح عام يشير إلى التدريبات الجسدية والعقلية والروحية التي نشأت في الهند القديمة بهدف تحقيق حالة من السلام الدائم. هناك العديد من الأسباب لإضافة اليوغا إلى تمارينك اليومية. فاليوغا تحسن قوة العضلات وتحقق المرونة والتوازن، كما أنها تساعد على الاسترخاء وتقليل التوتر. أثبتت بعض الدراسات أن اليوغا يمكنها أن تقلل من أعراض الاكتئاب والقلق والألم المزمن بدرجة أكبر من العلاج التقليدي وحده. </p> </div> <div class="col-sm-4"> <p> <strong>PRANIC HEALING COURSES</strong> </p> <ul> <li>HEALING SERIES</li> <li>PROSPERITY SERIES</li> <li>SPIRITUAL SERIES</li> <li>PSYCHIC SELF DEFENCE</li> <strong>MEDITATION SERIES</strong> <li>TWIN HEART MEDITATION</li> </ul> <p> <strong>YOGA</strong> </p> <ul> <li>Kids Yoga</li> <li>Yoga for Weightloss</li> <li>Pathanjali Yoga</li> <li>Happiness Yoga</li> <li>Chair Yoga</li> <li>Power Yoga</li> <li>Healing Yoga</li> </ul> </div> </div></div> <div class="col-sm-12 dv2"><div class="row"> <div class="col-sm-6"> <!-- 16:9 --> <h6>Pranic Healing English</h6> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/yOepE6tZG2w?rel=0&controls=0&showinfo=0" frameborder="0"></iframe> </div> <blockquote>"In Ancient times, Pranic Healing could only be practiced by an elite few. My job was to develop a very effective healing system, which ordinary people could learn in just a short period. Anybody can practice pranic healing now. The knowledge of being able to deal with simple ailments is quite empowering."</br> -Master Choa Kok Sui </blockquote> 4.1</div> <div class="col-sm-6" style="text-align: left; font-size:100%; background:cover; border-color:none;" dir="rtl"> <!-- 4:3 --> <h6>Pranic Healing Arabic</h6> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/BZeKUVqKg1w?rel=0&controls=0&showinfo=0" frameborder="0"></iframe> </div><blockquote> دورة البرانيك هيلينغ – المستوى الأول <br> سجل الان في دورة البرانيك هيلينغ لتعالج نفسك و الغير من العديد من الامراض مثل الصداع و القولون و الحساسية و الربو و </blockquote> 4.2</div> </div></div> <div class="col-sm-12 dv2"><div class="row"> <div class="col-sm-4">1.1</div> <div class="col-sm-4">1.2</div> <div class="col-sm-4">1.3</div> </div></div> <div class="col-sm-12 dv2"><div class="row"> <div class="col-sm-4">1.1</div> <div class="col-sm-4">1.2</div> <div class="col-sm-4">1.3</div> </div></div> <!-- Four column footer ends here --> <footer class="lower-footer footer-rw"> <!-- lower footer starts here --> <div class="container"> <div class="row"> <div class="col-md-12"> <h6>Copy Rights <i class="fa fa-copyright" aria-hidden="true"></i>&copy 2017 All Rights Reserved | <a href="mailto:careers@trinityinfoventure.com">Careers</a> | <a href="http://www.trinityinfoventure.com/ph-ar/">Blog</a> | <a href="http://www.trinityinfoventure.com/ph-ar/">Pranic Healers Login</a> | <a href="https://server3.flexicloud.in:2096/">Webmail </a> Follow US : <b> <a href="http://facebook.com/trinityfujairah/"> <i class="fa fa-facebook" aria-hidden="true"></i> </a> <a href="https://twitter.com/TInfoventure"> <i class="fa fa-twitter" aria-hidden="true"></i> </a> <a href="https://instagram.com/trinityinfoventure/"> <i class="fa fa-instagram" aria-hidden="true"></i> </a> <a href="https://plus.google.com/110764608163155220537"> <i class="fa fa-google-plus" aria-hidden="true"></i> </a> <a href="#top" class="btn btn5 float-right"> <i class="fa fa-home"></i> <i>back to top</i> </a> </b> </h6> </div> <!--col-md-12 ends here--> </div> <!--row ends here--> </div> <!--container ends here--> </footer> </main> <!-- Main Body ends here --> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> </div> </div> </html>
body { font-family: 'Lato', sans-serif; font-weight: 70; color: #3C5A78; line-height: 1; padding:0; height:100%;width:100%; background-color: rgba(226, 225, 226, 0.5); } .nav { overflow: hidden; background-color: rgba(226, 225, 226, 0.815); min-height: 10px; width: 100%; padding: 10px 25px; } .nav a { float: left; color: white; background-color: rgba(0, 0, 0, 0.24); border-radius:2px; text-align: center; padding: 10px 0px; text-decoration: none; font-size: 17px; /* box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 7px 25px 0 rgba(0, 0, 0, 0.19);*/ margin: 1 0px; } .nav a:hover { background-color: black; color: white; /* box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);*/ } .nav a.active { background-color: #4CAF50; color: white; } .navbar-brand { max-height: 60px; max-width:300px; background-color: transparent; } .nav-right { float: right; } .tnav { overflow: hidden; font-size:12px; background-color: rgba(226, 225, 226, 0.815); min-height: 8px; float: right; width: 100%; padding: 1px 15px; } ul li { margin: 0; padding: 0; } /* Style the header with a grey background and some padding */ .header { overflow: hidden; background-color: #D8F3F0; padding: 5px 0px; } /* Style the header links */ .header a { float: left; color: black; text-align: center; padding: 15px 20px 15px 20px; text-decoration: none; font-size: 16px; line-height: 10px; border-radius: 4px; } /* Style the logo link (notice that we set the same value of line-height and font-size to prevent the header to increase when the font gets bigger */ .header a.logo { font-size: 25px; font-weight: bold; padding: 5px; } /* Change the background color on mouse-over */ .header a:hover { background-color: #ddd; color: black; } /* Style the active/current link*/ .header a.active { background-color: dodgerblue; color: white; } /* Float the link section to the right */ .header-right { float:right; } .dv1 { padding : 44px; border-color:black; background-color:brown; color:white; } .dv2{ box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); overflow: hidden; background-color: rgba(5, 253, 67, 0.445); min-height: 10px; width: 100%; padding: 0px; direction:rtl; } .dv3 { background-color: #ddd; color: black; } .dv4{ border: none; padding: 1px 2px; text-align: center; text-decoration: none; display: block; font-size: 2.2em; min-height: 25px; min-width: 100px; color: #fff; background-color:transparent; } .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000 } .carousel-inner>.item.active.right, .carousel-inner>.item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } /* Make the image fully responsive */ .carousel-inner img { width: 100%; height: 100%; } .carousel .item { width: 100%; /*slider width */ } .carousel .item img { width: 100%; /*img width*/ } blockquote { font-style: normal; font-size:10px; margin: 0px; padding:0 10px; text-align:center; font-family:"Verdana", "serif", "sans-serif", "cursive", "fantasy", "monospace"; } .bg-tab{ background-color: #ccc; color: black; border:none; padding:10px 25px; font: bold 14px/30px sans-serif,verdana; } /* Make the footer colorful */ .footer-rw { width: 100%; float: left; text-align: center; background-color: #07244F; z-index: 999999; position: relative; padding-top: 1px; }

Related: See More


Questions / Comments: