"1. Travel"
Bootstrap 3.0.0 Snippet by jeevan123456

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <nav class="navbar navbar-default navbar-fixed-top " role="navigation"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Brand</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Services <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> <li class="divider"></li> <li><a href="#">One more separated link</a></li> </ul> </li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact Us</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-collapse --> </nav> <div class= "banner-sektion banner-padding topb"> <div class="container text-center"> <div class="col-md-12"> <div class="banner-heading "> <h2>make your day easier with Creativity </h2> <P>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</P> <button type="button" class="btn btn-primary site-btn">Primary</button> </div> </div> </div> </div> <div class="about-us-section paddingTB60 "> <div class="container"> <div class="row"> <div class="col-md-6"> <img src="https://images.pexels.com/photos/157669/portrait-character-black-and-white-lofty-tone-157669.jpeg?h=350&auto=compress&cs=tinysrgb" class="img-responsive" alt=""> </div><!-- End Col --> <div class="col-md-6"> <div class="about-us-content"> <h2>Lets just go out and explore </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, asperiores, expedita. Qui, explicabo temporibus! Atque ab commodi corporis labore iure doloribus amet ducimus, laudantium in placeat asperiores animi. Perferendis laudantium error cupiditate pariatur ratione tempore, facere, assumenda maiores labore obcaecati. Atque ab commodi corporis labore iure doloribus amet ducimus, laudantium in placeat asperiores animi. Perferendis laudantium error cupiditate pariatur ratione tempore, facere, assumenda maiores labore obcaecati </p> <a href="#" class="btn btn-default site-btn">Know More</a> </div> </div> <!-- End Col --> </div> </div> </div> <div class="about-us-section paddingTB60 bg-grey "> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="about-us-content"> <h2>Lets just go out and explore </h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed, asperiores, expedita. Qui, explicabo temporibus! Atque ab commodi corporis labore iure doloribus amet ducimus, laudantium in placeat asperiores animi. Perferendis laudantium error cupiditate pariatur ratione tempore, facere, assumenda maiores labore obcaecati. Atque ab commodi corporis labore iure doloribus amet ducimus, laudantium in placeat asperiores animi. Perferendis laudantium error cupiditate pariatur ratione tempore, facere, assumenda maiores labore obcaecati </p> <a href="#" class="btn btn-default site-btn">Know More</a> </div> </div> <!-- End Col --> <div class="col-md-6"> <img src="https://images.pexels.com/photos/157669/portrait-character-black-and-white-lofty-tone-157669.jpeg?h=350&auto=compress&cs=tinysrgb" class="img-responsive" alt=""> </div><!-- End Col --> </div> </div> </div> <div class="Features-section paddingTB60 "> <div class="container"> <div class="row"> <div class="site-heading text-center"> <h2>Products Features</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt </p> <div class="border"></div> </div> </div> <div class="row text-center"> <div class="col-sm-6 col-md-4"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Great Support</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est.</p> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-4"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Pixal Perfect</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-4"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Fully Responsive</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> </div> <div class="row text-center"> <div class="col-sm-6 col-md-4"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Great Support</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est.</p> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-4"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Pixal Perfect</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> <div class="col-sm-6 col-md-4"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Fully Responsive</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> </div> </div> </div> <div class="subscribe-section paddingTB60 bg-green "> <div class="container"> <div class="row"> <div class="subscribe-heading text-center"> <h3>Join The Club</h3> <div class="row"> <div class="subscribe-field"> <form action="#" method="post"> <input type="text" placeholder="Subscribe" name="Subscribe" required=""> </form> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="col-md-3 footer-one"> <h5>+010 233 455 6789</h5> <h5><a href="mailto:mail@example.com">mail@example.com</a></h5> <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. Maec enas quis neque libero.</p> </div> <div class="col-md-6 footer-three"> <ul> <li><a href="#"><i class="glyphicon glyphicon-cog ficons"></i></a></li> <li><a href="#"><i class="glyphicon glyphicon-cog ficons"></i></a></li> <li><a href="#"><i class="glyphicon glyphicon-cog ficons"></i></a></li> <li><a href="#"><i class="glyphicon glyphicon-cog ficons"></i></a></li> </ul> </div> <div class="col-md-3 footer-two"> <h5><i class="glyphicon glyphicon-earphone"></i> Address</h5> <p> Background shorthand</p> <p>461532 50 Ave, Lloydminster, SK S9V 0P4, India</p> </div> <div class="clearfix"></div> </div> </div> </div> Write down three good things that happened to you each day. Laugh – even if you have to force it. The mere action of laughing releases endorphins. Move your body (walk, exercise) for 20 minutes or longer. health Breathe deeply for at least two minutes. Focus on your breaths. Stretch different body parts for ten minutes. Stand up straight. Let your hands hang naturally at your sides. Dress in clothes that flatter you. Take a small risk daily.  Find something that makes you a little nervous Take up meditation. Start with 15 minutes a day. Find a quiet place, set a timer, close your eyes and focus on your breaths. SOCIAL Make a conscious effort to smile. Make eye contact with someone new WRITE AT LEAST 300 WORDS Eat breakfast every day, including a combination of complex carbohydrates, fiber, protein and a small amount of fat. Every morning read something inspiring, informative, or uplifting to support your self-awareness and inner development. Write a vision for who you want to be and how you want to live, and take one action a day to make the vision real. Write down three main goals for the day and begin with the most difficult or challenging first. When you begin working on a project or task, set a timer for 30 minutes or an hour, and work non-stop until the timer goes off. Practice saying “no” to those who interrupt your time. Practice the habit of networking every week to meet people who can support and mentor your career goals. Practice confident body language and communication on the job, even if you aren’t feeling it. Move your body for ten minutes or longer first thing in the morning. Go to sleep at the same time each night. Plan your meals ahead of time. Pack (from home) what you need to eat for each day. Eat one piece of fruit or one serving of raw vegetables (carrots, celery, cucumbers) mid morning and mid afternoon. Drink a glass of (unsweetened) green tea three times a day. Exercise vigorously for ten minutes each morning before work. Eat within 30 minutes of waking up. Eat six small meals throughout the day. Take a break every hour. Stand up, stretch, use the restroom or get a drink. Watch a YouTube video about your field of art. <br> Breakfast Lunch Gram Cheese Slice Moong Bread/Paratha Soyabean Spinach Cucumber Bread & Butter Tomato Poha Green Pepper Banana Cabbage Curd Chicken/Eggs Black Masoor Dal Sprouts mix Fried Rice Eggs boiled Juice- Fruit Omlette Black Salt Chana Fried + Boiled Egg Flax Seed Potato Corn Flakes + Milk Daliya Soup Egg bhurji Makhana Roasted Chana <br> Column1 1 N.Value Column2 Column3 2 N.Value2 3 4 5 Monday Sprouts + Gud + Banana Shake 350 + 100 Dates Rice/Chappati+Egg Curry 400 Makhana 2200 Tuesday Corn Flakes + Milk +Banana 350 soyabean Rice/Chappati+Vegetable 400 Roasted Chana Wednesday Soyabean+Veg+Butter 400 Dates Rice/Chappati+Choley 400 Chana Fried Thursday Sandwich + Juice 450 soyabean Rice/Chappati+ Friday Poha + Milk 400 Dates Rice/Chappati+Chicken Saturday Bread Butter+ Boiled Egg(3)+Milk 450 soyabean Rice/Chappati+ Sunday Egg bhurji(3) + Bread 450 Dates Rice/chappati+Chicken
.banner-padding { padding-top:160px; padding-bottom:110px; background-color:#363636; } .topb { background-image:url(https://static.pexels.com/photos/160483/hiker-traveler-trip-travel-160483.jpeg); } .banner-heading h2 { color:#fff; font-size: 40px; font-weight: 700; text-transform: uppercase } .banner-heading P { color:#fff; padding-bottom:20px; } .site-btn { color: #FFFFFF; font-size: 1em; text-decoration: none; padding: .75em 2em; background: #82b62d; text-align: center; border: solid 2px #82b62d; margin: 1em 0 1em 0; } .site-btn:hover { color: #FFFFFF; background: #82b62d; border: solid 2px #e2e2e2; } .paddingTB60 { padding-top:60px; padding-bottom:60px; } .about-us-content { padding-top:70px; } .bg-grey { background-color:#edeeef ; } .bg-green { background-color:#82b62d ; } .icon { font-size:40px; color: #82b62d ; } .border { background: #82b62d; height: 2px; width: 265px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } .feature-box { padding: 0 20px; margin-bottom: 30px; } /*subscribe */ .subscribe-heading h3 { color: #FFFFFF; font-size: 2.5em; font-weight: 700; letter-spacing: 7px; text-transform: uppercase; } .subscribe-field input[type="text"] { display: inline-block; background: #FFFFFF; border: solid 1px #FFFFFF; width: 50%; outline: none; padding: 1em; font-size: .9em; color: #999999; } /*footer css */ .footer { background: #191919; padding: 1em 0; } .footer-one h5, .footer-two h5 { color: #fff; font-size: 18px; } .footer-one p, .footer-two p { color: #fff; font-size: 13px; line-height: 1.5em; margin: 1em 0; } .footer-three { text-align: center; } ul { margin: 0; padding: 0; } .footer-three ul li { display: inline-block; list-style-type: none; } .ficons { font-size: 18px; padding: .5em; border: 1px solid #fff; color: #fff; width: 37px; height: 37px; margin-top: 4em; }
.w3-button a { color: #FFFFFF; font-size: 1em; text-decoration: none; padding: .5em 2em; background: #82b62d; text-align: center; border: solid 2px #82b62d; }

Related: See More


Questions / Comments: