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

0 votes
<!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>
Jun 11, 2020 in Web Development by anonymous
 • 120 points • 1,391 views

Hello,

Can you please provide me with more clear description about what you are trying to do? Share your pseudocode!!

commented Jun 11, 2020 by Niroj
 • 82,800 points

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

Your answer

Your name to display (optional):
Privacy: Your email address will only be used for sending these notifications.

Related Questions In Web Development

+1 vote
1 answer

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?

This is basically done using Facebook Pixel. Facebook ...READ MORE

answered Jan 22, 2020 in Web Development by Niroj
 • 82,800 points • 2,096 views
0 votes
1 answer

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

CORS is Cross Origin Resource Sharing which means you ...READ MORE

answered Jan 29, 2020 in Web Development by kartik
 • 37,520 points • 4,697 views
0 votes
0 answers

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

This is pure code : public function getComments() ...READ MORE

Sep 17, 2020 in Web Development by Hawati
 • 120 points
edited Sep 18, 2020 by Gitika • 1,186 views
0 votes
1 answer

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

$('#msg').text('jQuery is loaded!!!'); READ MORE

answered Aug 5, 2022 in Web Development by rajatha
 • 7,680 points • 1,020 views
0 votes
0 answers

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

So i am trying to get the ...READ MORE

Aug 11, 2022 in Web Development by gaurav
 • 23,580 points • 1,478 views
0 votes
0 answers

Should I load and store JSON data with a copy for my whole react application in Redux or somewhere else?

Should I load and store JSON data ...READ MORE

Oct 14, 2024 in Web Development by anonymous
 • 16,260 points
edited Oct 14, 2024 by Hoor • 229 views
0 votes
1 answer

how to safely deploy npm install without it causing inconsistencies?

The recent versions on npm generates a ...READ MORE

answered Apr 11, 2018 in DevOps on Cloud by DareDev
 • 6,890 points • 1,370 views
0 votes
1 answer

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

I am damn sure that it is ...READ MORE

answered Jun 6, 2018 in AWS by Flying geek
 • 3,280 points • 2,613 views
+1 vote
2 answers

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

The engine will stay on timeout unless ...READ MORE

answered Jun 6, 2018 in DevOps on Cloud by ajs3033
 • 7,300 points • 5,755 views
0 votes
1 answer

Unable to request channel creation using Rest Api

I'd recommend taking a look at the ordering ...READ MORE

answered Jul 16, 2018 in Blockchain by Perry
 • 17,100 points • 1,282 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP
"PMP®","PMI®", "PMI-ACP®" and "PMBOK®" are registered marks of the Project Management Institute, Inc. MongoDB®, Mongo and the leaf logo are the registered trademarks of MongoDB, Inc.