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