css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <body data-spy='scroll' data-target='#main-navigation-bar' data-offset="10">
	<!-- navbar begins -->
	<nav id='main-navigation-bar' class='navbar navbar-inverse navbar-fixed-top custom-nav-properties'>
		<div class='container-fluid'>
			<div class='navbar-header'>
				<span class='my-navbar-brand'>
					<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439431/doggo-portfolio/brand_nju6ny.png">
					<a href="#">Doggo</a>
				</span>
				<button id='main-nav-button' class='collapsed navbar-toggle' data-toggle='collapse' data-target='#nav-links' aria-expanded='false'>
					<i class="fa fa-bars" aria-hidden="true"></i>
				</button>
			</div>
			<div class='collapse navbar-collapse' id='nav-links'>
				<ul class='nav navbar-nav navbar-right'>
					<li><a href="#why-doggo">Why Doggo?</a></li>
					<li><a href="#type-doggo">Types</a></li>
					<li><a href="#care-doggo">Care</a></li>
					<li><a href="#contact-doggo">Contact us</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- navbar ends -->
	<div class="container">
		<!-- Intro to our website -->
		<div class='jumbotron'>
			<h1><i class='fa fa-paw'></i> Welcome to The Doggo Page <i class='fa fa-paw'></i></h1>
			<p class="text-center">Here we discuss why and how to pet a doggo</p>
		</div>
		<hr class="hr-my-class">
		<!-- Why Doggo? -->
		<div class="row">
			<div class='col-lg-4'>
				<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439721/doggo-portfolio/happy_qlfvpd.jpg" class='img-responsive img-rounded'>
			</div>
			<div class='col-lg-8'>
				<h2 id='why-doggo'>Why everyone should adopt a doggo?</h2>
				<p>Doggo ipsum most angery pupper I have ever seen borking doggo pupper h*ck aqua doggo, many pats clouds smol. Maximum borkdrive wrinkler very hand that feed shibe mlem, aqua doggo. H*ck doge smol bork heckin shooberino smol borking doggo with a long snoot for pats h*ck, very jealous pupper heckin angery woofer very hand that feed shibe many pats floofs doggo. Thicc most angery pupper I have ever seen he made many woofs much ruin diet shoober I am bekom fat you are doing me a frighten, aqua doggo ruff long water shoob smol borking doggo with a long snoot for pats. Dat tungg tho doge many pats very good spot, smol borking doggo with a long snoot for pats shibe. fat boi boof. such treat he made many woofs fluffer waggy wags sub woofer blop, many pats very good spot big ol what a nice floof. blop the neighborhood pupper heckin good boys and girls smol woofer very jealous pupper, very hand that feed shibe boofers shibe shoob.smol borking doggo with a long snoot for pats shibe. fat boi boof. such treat he made many woofs fluffer waggy wags sub woofer blop, many pats very good spot big ol what a nice floof.
				</p>
				<p>Borkf most angery pupper I have ever seen pupperino shoober heckin good boys you are doing me a frighten smol, boof long woofer pats very jealous pupper  Waggy wags pupper lotsa pats long bois stop it fren, extremely cuuuuuute adorable doggo. Tungg such treat thicc pupperino, fat boi. Sub woofer adorable doggo smol dat tungg tho noodle horse, doing me a frighten super chub waggy wags shooberino, doing me a frighten floofs very hand that feed shibe. Tungg I am bekom fat borking doggo wow such tempt puggorino, clouds heckin good boys boofers. You are doin me a concern thicc shibe what a nice floof boof, doing me a frighten mlem shibe. Borking doggo long water shoob many pats long bois smol, long water shoob boofers ur givin me a spook heckin good boys heckin angery woofer, noodle horse smol borking doggo with a long snoot for pats heckin angery woofer. Ruff smol borking doggo with a long snoot for pats length boy long woofer doggo wow such tempt, noodle horse boof smol borking doggo with a long snoot for pats. Doggo super chub tungg big ol borkf many pats I am bekom fat, blep doggorino noodle horse the neighborhood pupper.</p>
				<p>Photo by Baptist Standaert on Unsplash</p>
			</div>
		</div>
		<hr class="hr-my-class">
		<!-- Types of doggo -->
		<div class='row'>
			<div class='row'><!--Main-Heading-->
				<h2 class='col-xs-12' id='type-doggo'>Types of Doggo</h2>
			</div>
			<div class='row'><!--all the types-->
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Labrador Retreiver</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439671/doggo-portfolio/labrador_bw3boo.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="https://en.wikipedia.org/wiki/Labrador_Retriever">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>German Shepherd</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439439/doggo-portfolio/german_shepherd_abq5jj.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Siberian Husky</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439708/doggo-portfolio/siberian_husky_jvn9af.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Golden Retreiver</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439435/doggo-portfolio/golden_retreiver_jeu5nm.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Pug</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439759/doggo-portfolio/pug_j5rzgg.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Corgi</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439435/doggo-portfolio/corgi_fifped.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Beagle</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439434/doggo-portfolio/beagle_fjaydt.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Doberman</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439686/doggo-portfolio/doberman_cbkyhc.jpg">
						<div class='caption'>							
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Chihuahua</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439434/doggo-portfolio/chihuahua_rusvyd.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Chow Chow</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439434/doggo-portfolio/chow-chow_j1zeex.jpg">
						<div class='caption'>
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Border Colie</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439437/doggo-portfolio/border-colie_ugr7td.jpg">
						<div class='caption'>							
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>
				<div class='col-lg-3 col-md-4 col-sm-6'>
					<div class='thumbnail'>
						<h4>Australian Shepherd</h4>
						<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439434/doggo-portfolio/australian_shepherd_itl0wr.jpg">
						<div class='caption'>							
							<p>Very hand that feed shibe the neighborhood pupper such treat very jealous pupper fluffer very jealous pupper waggy wags, extremely cuuuuuute most angery pupper I have ever seen you are doing me a frighten fluffer mlem. Tungg thicc stop it fren ruff heckin good boys and girls very jealous pupper, floofs dat tungg tho pupper. Much ruin diet shoober long bois many pats ur givin me a spook you are doing me the shock, super chub pats borking doggo.</p>
							<a href="">Wiki</a>
						</div>
					</div>
				</div>			
			</div>
		</div>
		<hr class="hr-my-class">
		<!--Care section-->
		<div class='row'>
			<div class='col-md-6'>
				<h2 id='care-doggo'>How to take care of your Doggo?</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
				quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
				consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
				cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
				proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
				quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
				consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
				cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
				proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			</div>
			<div class='col-md-6'>
				<div class='panel-group' id='care-accordion'>
					<div class='panel panel-default'>
						<div class="panel-heading">
							<h4 class='panel-title'>
								<a href="#care-panel-1" data-toggle='collapse' data-parent='#care-accordion'>Bathing your doggo</a>
							</h4>
						</div>
						<div id='care-panel-1' class='panel-collapse collapse'>
							<div class="panel-body">
								<p>Borkf the neighborhood pupper shibe most angery pupper I have ever seen big ol ur givin me a spook borkf, snoot the neighborhood pupper such treat very good spot. Noodle horse waggy wags long woofer bork heckin good boys and girls shoob doge, porgo thicc puggorino noodle horse ruff. Aqua doggo super chub wow very biscit woofer long bois wrinkler, borkdrive shoob maximum borkdrive boofers. Vvv such treat much ruin diet what a nice floof tungg blep shoob pats, tungg wow such tempt pupper boof aqua doggo doggo. Puggorino length boy yapper lotsa pats, heckin good boys. Lotsa pats adorable doggo noodle horse doggo big ol heckin good boys, super chub lotsa pats most angery pupper I have ever seen boofers. Doggo I am bekom fat heckin good boys and girls he made many woofs ur givin me a spook snoot big ol pupper, vvv you are doin me a concern borking doggo boofers the neighborhood pupper, very taste wow maximum borkdrive you are doing me a frighten wow such tempt waggy wags.</p>
							</div>
						</div>
					</div>
					<div class='panel panel-default'>
						<div class="panel-heading">
							<h4 class='panel-title'>
								<a href="#care-panel-2" data-toggle='collapse' data-parent='#care-accordion'>Proper Vaccination</a>
							</h4>
						</div>
						<div id='care-panel-2' class='panel-collapse collapse'>
							<div class="panel-body">
								<p>big ol long bois wow very biscit. Mlem shooberino boofers you are doin me a concern long bois, borkf he made many woofs. Puggo blop big ol pupper puggo fluffer long doggo, very hand that feed shibe the neighborhood pupper tungg you are doing me a frighten. Doggo smol blep shooberino, super chub yapper. Doge ur givin me a spook fat boi smol borking doggo with a long snoot for pats borkf sub woofer, he made many woofs ur givin me a spook doggorino length boy. Heckin good boys big ol pupper shoob clouds, long doggo. Big ol long doggo super chub much ruin diet, noodle horse you are doin me a concern. Aqua doggo heckin good boys blop long water shoob many pats wrinkler much ruin diet, length boy woofer dat tungg tho corgo noodle horse, floofs sub woofer woofer long water shoob clouds. Waggy wags long woofer wow such tempt heckin good boys and girls, fluffer. Long doggo long water shoob mlem I am bekom fat woofer, corgo blep. Porgo heckin angery woofer doing me a frighten pupper you are doin me a concern, waggy wags big ol pupper.</p>
							</div>
						</div>
					</div>
					<div class='panel panel-default'>
						<div class="panel-heading">
							<h4 class='panel-title'>
								<a href="#care-panel-3" data-toggle='collapse' data-parent='#care-accordion'>Potty Training</a>
							</h4>
						</div>
						<div id='care-panel-3' class='panel-collapse collapse'>
							<div class="panel-body">
								<p>Long woofer clouds such treat much ruin diet, snoot. Tungg heckin good boys and girls floofs shoob very hand that feed shibe blop, very jealous pupper bork ruff. Sub woofer doing me a frighten long doggo shooberino doing me a frighten, doge the neighborhood pupper. Smol you are doing me a frighten doggo pats blep, doge porgo. Floofs tungg doggorino length boy puggorino, mlem very hand that feed shibe blep. Porgo shibe much ruin diet bork, wrinkler lotsa pats clouds snoot, noodle horse much ruin diet.</p>
							</div>
						</div>
					</div>
					<div class='panel panel-default'>
						<div class="panel-heading">
							<h4 class='panel-title'>
								<a href="#care-panel-4" data-toggle='collapse' data-parent='#care-accordion'>Healthy Doggo Food</a>
							</h4>
						</div>
						<div id='care-panel-4' class='panel-collapse collapse'>
							<div class="panel-body">
								<p>Very jealous pupper maximum borkdrive boofers borkf, boofers very taste wow wow such tempt puggo, very hand that feed shibe pupper. Doge such treat blop wow very biscit ur givin me a spook pupper, he made many woofs pats blep the neighborhood pupper. Doggorino you are doin me a concern he made many woofs fat boi, he made many woofs. Tungg clouds heckin good boys and girls, most angery pupper I have ever seen. Sub woofer the neighborhood pupper adorable doggo super chub you are doin me a concern, smol borking doggo with a long snoot for pats smol. Fat boi very good spot length boy clouds, long doggo. Bork shibe length boy such treat, shooberino he made many woofs. Wow such tempt doge long bois dat tungg tho, heckin. very jealous pupper porgo shoob. Sub woofer doge lotsa pats very taste wow borkdrive, boofers pupper. Very jealous pupper big ol fat boi heck floofs, yapper sub woofer floofs, doggorino dat tungg tho big ol pupper.</p>
							</div>
						</div>
					</div>
					<div class='panel panel-default'>
						<div class="panel-heading">
							<h4 class='panel-title'>
								<a href="#care-panel-5" data-toggle='collapse' data-parent='#care-accordion'>Making Doggo friends</a>
							</h4>
						</div>
						<div id='care-panel-5' class='panel-collapse collapse'>
							<div class="panel-body">
								<p>Puggorino he made many woofs super chub dat tungg tho the neighborhood pupper, porgo shoober extremely cuuuuuute. Heckin good boys the neighborhood pupper noodle horse bork, heckin good boys and girls length boy. Doge lotsa pats you are doing me the shock he made many woofs pats, you are doin me a concern sub woofer ruff. Boof puggorino boof, borkf. Yapper super chub puggo shibe, bork. Doggo long water shoob wrinkler, super chub. Noodle horse very hand that feed shibe shibe very taste wow you are doin me a concern, heckin good boys and girls ur givin me a spook. Woofer fluffer super chub, you are doing me a frighten. You are doin me a concern smol heckin good boys he made many woofs, fluffer.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<hr class="hr-my-class">
		<!-- Contact Us section -->
		<div class='row'>
			<div class='col-md-6'>
				<h2 id='contact-doggo'>Contact us!</h2>
				<form>
					<div class="form-group">
						<label class='sr-only' for="form-name">Enter Name</label>
						<input type="text" class='form-control' name="form-name" placeholder='Enter Name' id='form-name' required>
					</div>
					<div class='form-group'>
						<label class='sr-only' for="form-email">Enter Email</label>
						<input type="email" class='form-control' placeholder=' Enter Email' name="form-email" id="form-email" required>
					</div>
					<div class="form-group">
						<label class='sr-only' for='form-mobile'>Enter Mobile Number</label>
						<input type="text" name="form-mobile" class='form-control' placeholder='Enter Mobile number' id="form-mobile" pattern="[0-9]{10}" title="Enter mobile number of 10 digits" required>
					</div>
					<div class='form-group'>
						<label class="sr-only" for='form-comments'>Enter comments</label>
						<textarea id="form-comments" class='form-control' placeholder='Enter comments' rows='10' cols='10' name="form-comments"></textarea>
					</div>
					<button type="submit" class="btn btn-lg btn-info" id="form-submit">Submit</button>
					<button class="btn btn-lg btn-danger" id="form-reset">Reset</button>
										
				</form>
			</div>
			<div class='col-md-6'>
				<img src="http://res.cloudinary.com/kharatpriyank/image/upload/v1509439713/doggo-portfolio/form-doggo_pbucxl.png" class="img-responsive img-rounded">
			</div>
		</div>
	</div>

            
          
!
            
              /*Generic styling*/
body{
	margin-top: 50px;
	font-family: 'Josefin Sans', sans-serif;
	postion: relative;
	margin-bottom: 20px;
}
h4{
	text-align: center;
}
hr {
  height: 2px;
  margin-left: 15px;
  margin-bottom:-3px;
}
.hr-my-class{
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(210,105,30,.8), rgba(210,105,30,.6), rgba(0,0,0,0));
}
hr:nth-of-type(1){
	margin-bottom: 10px;
}


/*navbar styling*/
.navbar-inverse{
	background: #545454;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
	background:#B6681B;
}
.my-navbar-brand{
	padding: 5px;
}
.my-navbar-brand > a{
	margin-left: 5px;
	color: white;
	font-size: 1.7em;
	text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a{
	font-weight:700;
	color: white;
}
.my-navbar-brand>a:link, .my-navbar-brand>a:hover, .my-navbar-brand>a:visited{
	text-decoration:none;
}
#main-nav-button{
	background:#B6681B;
	color:white;
}
#main-nav-button i{
	font-size:1.2em;
}



/*Main container elements' styling*/
.container{
	background:#FFF0E1;
}
div[class='row']{
	padding: 10px;
}
h2[id]{
	padding-top: 60px;
	margin-top: -40px;
	font-size: 2.5em;
}
#type-doggo{
	text-align: center;	
}
.jumbotron{
	background: rgba(0,0,0,0);
	color:#B6681B;
}
/*Thumbnail styling*/
.thumbnail{
	padding:0;
	box-shadow: 2px 2px 1px 1px #d3d3d3;
}
.thumbnail h4{
	background:#B6681B;
	color:white;
	font-size:1.5em;
	padding:5px;
	margin: 0;
}
.thumbnail a, .thumbnail a:link, .thumbnail a:hover, .thumbnail a:visited{
	text-decoration: none;
	font-size: 1.2em;
}
.caption{
	text-align: justify;
}
/*Caring Doggo styling*/
#care-accordion{
	margin-top: 40px;
}
.panel-default > .panel-heading{
	background: #B6681B;
	color:white;
}
#care-accordion h4 a, #care-accordion h4 a:hover, #care-accordion h4 a:visited, #care-accordion h4 a:link{
	text-decoration: none;

}
/*Form styling*/
textarea{
	resize: none;
}
.btn-info{
	background: #135F71;
}

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console