<!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

How many methods of including css in an HTML document?

Why is it generally a good idea to position CSS <link>s between <head> </head> and JS <script>s just before <body>?

What are pseudo class in css??

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