<!DOCTYPE html><html></html><head><style></style>@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');*{margin: 0;box-sizing: border-box;padding: 0;}#navbar{background-color:black;padding: 18px 14px;font-family: 'Roboto', sans-serif;}#navbar ul{display: flex;flex-direction: row;justify-content: center;}#navbar li{list-style: none;}#navbar li a{color: white;font-size: 30px;text-decoration: none;padding: 13px 30px;}#navbar li a:hover{color: black;}#introSection{padding-bottom: 40px;color: white;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;background: center/cover no-repeat url("/static/bg.jpg");font-size: 65px;height: 425px;background-color: red;}#introsection div.small{font-size: 27px;padding: 5px;}#missonSection{height: 300px;}#missonSection h2{font-family: monospace;text-align: center;padding-top: 12px;background-color: yellow;}.card{display: inline-block;border: 2px solid black;border-radius: 10px;width: 30%;margin: 23px 22px;height: 209px;}#sponserSection{height: 300px;background-color: yellow;}#sponserSection h2{font-family: monospace;text-align: center;padding-top: 12px;background-color: yellow;}#footer{height: 100px;background-color:black ;}</head><body><nav id="navbar"></nav></body><ul><li><a href="/">Home</a></li><li><a href="/">About</a></li><li><a href="/">Services</a></li><li><a href="/">Class Info</a></li><li><a href="/">Contact Us</a></li></ul><section id="introSection"><div>Welcme to dance academy</div><div class="small">Eat slep dance repeat</div></section><section id="missionSection"><h2>Our Mission</h2><div class="card"></div><p>This is a paragragh</p><div class="card"></div><p>This is a paragragh</p><div class="card"></div><p>This is a paragragh</p><section id="sponserSection"></section>section for picture<footer id="footer"></footer>footer here<script></script></section>

edureka in my nodejs as its i have used it and pug also but my css doesn t worked as while running localhost it doesn t show styling of css

<!DOCTYPE html><html></html><head><style></style>@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
	*{
	margin: 0;
	box-sizing: border-box;
	padding: 0;
	}
	#navbar{
	background-color:black;
	padding: 18px 14px;
	font-family: 'Roboto', sans-serif;
	}
	#navbar ul{
	display: flex;
	flex-direction: row;
	justify-content: center;
	}
	#navbar li{
	list-style: none;
	}
	#navbar li a{
	color: white;
	font-size: 30px;
	text-decoration: none;
	padding: 13px 30px;
	}
	#navbar li a:hover{
	color: black;
	}
	#introSection{
	padding-bottom: 40px;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	background: center/cover no-repeat url("/static/bg.jpg");
	font-size: 65px;
	height: 425px;
	background-color: red;
	}
	#introsection div.small{
	font-size: 27px;
	padding: 5px;
	}

	#missonSection{
	height: 300px;
	}
	#missonSection h2{
	font-family: monospace;
	text-align: center;
	padding-top: 12px;
	background-color: yellow;
	}
	.card{
	display: inline-block;
	border: 2px solid black;
	border-radius: 10px;
	width: 30%;
	margin: 23px 22px;
	height: 209px;
	}
	#sponserSection{
	height: 300px;
	background-color: yellow;
	}
	#sponserSection h2{
	font-family: monospace;
	text-align: center;
	padding-top: 12px;
	background-color: yellow;
	}
	#footer{
	height: 100px;
	background-color:black ;
	}</head><body><nav id="navbar"></nav></body><ul><li><a href="/">Home</a></li><li><a href="/">About</a></li><li><a href="/">Services</a></li><li><a href="/">Class Info</a></li><li><a href="/">Contact Us</a></li></ul><section id="introSection"><div>Welcme to dance academy</div><div class="small">Eat slep dance repeat</div></section><section id="missionSection"><h2>Our Mission</h2><div class="card"></div><p>This is a paragragh</p><div class="card"></div><p>This is a paragragh</p><div class="card"></div><p>This is a paragragh</p><section id="sponserSection"></section>section for picture<footer id="footer"></footer>footer here<script></script></section>

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):

Email me at this address if my answer is selected or commented on:

Privacy: Your email address will only be used for sending these notifications.

edureka in my nodejs as its i have used it and pug also but my css doesn t worked as while running localhost it doesn t show styling of css

Your comment on this question:

No answer to this question. Be the first to respond.

Your answer

Related Questions In Web Development

How are the add's of items added to cart of any e-commerce website pop-up when i logged in to facebook? Is their any html code realted to it?

What does cors means in Angularjs and what the use of it?

Guys i need help. I converted my php pure code to laravel but it seems a problem

Hi everyone , I am new to jQuery and I was asked this question but I don't know how to do it

jQuery get each background image URL of each element and wrap it in a href

How many methods of including css in an HTML document?

how to safely deploy npm install without it causing inconsistencies?

Whenever querying data from MySQL database it gives an error: aws lambda function timed out

lambda function showing error when trying to connect with rds(aws)

Unable to request channel creation using Rest Api

Subscribe to our Newsletter, and get personalized recommendations.

TRENDING CERTIFICATION COURSES

TRENDING MASTERS COURSES

COMPANY

WORK WITH US

DOWNLOAD APP

CATEGORIES

CATEGORIES

TRENDING BLOG ARTICLES

TRENDING BLOG ARTICLES