Login Required
Adding Header Background Image
Dear Sciaku Learner you are not logged in or not enrolled in this course.Please Click on login or enroll now button.
If you have any query feel free to chat us!
Happy Coding! Happy Learning!
Lecture 58:- Adding Header Background Image
To add a header background image to a resume project in HTML, you can use CSS to style the header element. Here's a simple example:
phpCopy code
<style>
.header {
background-image: url("header-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.header h1 {
color: white;
font-size: 36px;
text-shadow: 1px 1px #333;
}
</style>
<header class="header">
<h1>Your Name</h1>
</header>
In this example, the .header class sets the background image using the background-image property and sets the size to cover the entire header element using the background-size property. The height property sets the height of the header, while the display and align-items properties set the layout of the header's content. The h1 element within the header is styled to have a white color and a 36px font size with a text shadow for added visual interest.
1 Getting Started with Basics
🎬 5 videos 2 Intro to HTML
🎬 13 videos - 1. Intro To Html
- 2. Creating First HTML Page
- 3. HTML Page Structure
- 4. What We Plan to Build
- 5. Title Tag
- 6. Basic HTML Tags
- 7. Unordered Lists
- 8. Ordered Lists
- 9. Adding Lists to Blog page
- 10. Adding Image to Blog Page
- 11. Adding Header To Blog Page
- 12. Learning Anchor Tag Part 1
- 13. Learning Anchor Tag Part 2
3 More On Html
🎬 8 videos 4 Forms
🎬 8 videos 5 Intro To CSS
🎬 10 videos 6 Styling With CSS
🎬 12 videos 7 Starting With Resume Project
🎬 6 videos 8 Flex
🎬 9 videos 9 Completing Resume
🎬 8 videos 10 Responsive Designs
🎬 9 videos 11 Animations And 3d Space
🎬 7 videos 12 Bootstrap
🎬 14 videos - 1. What are Frontend Frameworks
- 2. Getting Started with Bootstrap
- 3. Adding Bootstrap to your Project
- 4. Bootstrap Breakpoints
- 5. Bootstrap Grid System
- 6. Code Using Bootstrap Grid System
- 7. Margin and Display Utilities
- 8. Other Utility Classes
- 9. Bootstrap Components
- 10. Modals
- 11. Collapse Component
- 12. Nav
- 13. Navbar
- 14. Jumbotron Template
13 Major Project 1
🎬 4 videos 14 Git
🎬 13 videos - 1. What is Git
- 2. Git Commits
- 3. Git Commits Part 2
- 4. Git Understanding Branches
- 5. Git Making Branches
- 6. Git Merging Branches
- 7. Git Conflicts in Branches
- 8. Git Understanding Workflows
- 9. Pushing to github.com
- 10. Github With a Team Member
- 11. Git - Multiple Teams - Forking
- 12. Completing with PR Open Source Contribution
- 13. Pull Requests and Workflows of Large Teams
15 Starting with JavaScript
🎬 11 videos 16 JavaScript - Functions and Array
🎬 12 videos 17 Objects and Timing Events
🎬 10 videos 18 Understanding DOM
🎬 10 videos 19 Calculator Project
🎬 3 videos 20 Mini Project Using JavaScript
🎬 14 videos - 1. Const
- 2. Let
- 3. Let vs Var
- 4. For of loop
- 5. Smooth Scroll Demo
- 6. Smooth Scroll Hint 1
- 7. Smooth Scroll Hint 2
- 8. Smooth Scroll Solution
- 9. Another Approach to Write Code
- 10. Skill Bar Demo
- 11. Moving Ahead with Skill Bar Auto Fill
- 12. Competing Skill Bar Auto Fill
- 13. Counter Demo
- 14. Counter Hint
21 Closures
🎬 11 videos 22 Constructors And Prototypes
🎬 14 videos - 1. Intro to Lecture
- 2. This Keyword
- 3. This in Strict Mode
- 4. Function to create Objects
- 5. Constructor
- 6. Adding Behaviour to Objects
- 7. What is a Prototype
- 8. Why Prototypes
- 9. More Properties around Prototype
- 10. Objects
- 11. object vs Object()
- 12. Class
- 13. Class Expressions and Hoisting
- 14. Inheritance Using Classes
23 Project - Ping Pong Game
🎬 0 videos 24 Jquery
🎬 5 videos 25 Ajax
🎬 10 videos 26 Promises
🎬 3 videos 27 Nodejs - The Beginning
🎬 7 videos 28 Node.js Writing - Our First Server
🎬 10 videos - 1. Server - What & How
- 2. Setting Up Our First Node.js Server
- 3. Serving a Response to the Browser
- 4. Understanding Responses
- 5. Serving HTML!
- 6. Reading and Serving HTML From a File
- 7. Nodemon, Automatic Server Restarts
- 8. Extending to Multiple Pages
- 9. Linking Pages & Mini Assignment
- 10. Summarizing!
29 My First Express App - A List Of Contacts!
🎬 15 videos - 1. Web Frameworks - A Quick Introduction
- 2. Understanding MVC Models, Views, Controllers
- 3. Why Express.js
- 4. Setting Up Express Server
- 5. Returning Response From The Server
- 6. HTTP Requests
- 7. Template Engines - What
- 8. Template Engines - Some Examples
- 9. Setting Up A Template Engine
- 10. A Quick Revision
- 11. Debugging Basics
- 12. Rendering Our First Page
- 13. Playing With EJS
- 14. Locals In Views
- 15. Summarizing
30 My First Express App - Continued
🎬 13 videos - 1. Introduction
- 2. Creating A Contact List
- 3. Sending Data To The Server
- 4. Parsing Form Data - Introduction
- 5. Parsing Form Data - Storing The Contact
- 6. Middleware - What and How
- 7. Accessing Static Files
- 8. Styling Our App
- 9. A Quick Revision
- 10. Query & String Parameters - Beginning
- 11. Query & String Parameters - Details
- 12. Deleting A Contact
- 13. Summarizing
31 My First Express App - Intro To Databases
🎬 11 videos 32 Beginning The Major Project 1
🎬 11 videos - 1. Introduction
- 2. Setting Up Directory Structure
- 3. Starting Express
- 4. Adding Git and NPM Start
- 5. Setup the Express Router
- 6. Create a Controller
- 7. Create Another Controller and Router
- 8. Assignment adding more routes and controllers
- 9. Install EJS and Setup View Engine
- 10. Create a view for home
- 11. Summary
33 Major Project -1
🎬 0 videos 34 Manual Authentication
🎬 10 videos 35 Authentication Using Passport js
🎬 9 videos - 1. Introduction
- 2. Glancing through and Installing Passportjs
- 3. Setting up Passport.js
- 4. Express sessions and using passport for Authentication
- 5. Setting current authenticated user
- 6. Passing User data to views and restricting page access
- 7. Setting up Mongo store for session cookies
- 8. Creating Sign out
- 9. Summarizing
36 SASS
🎬 5 videos 37 Database Relations (Posts, Comments)
🎬 11 videos - 1. Introduction
- 2. Node.js - Explaining 1-1 and 1-M
- 3. Creating Schema for Posts
- 4. Saving Posts to the DB
- 5. Display Posts and related User
- 6. Check Authentication on Creating Post
- 7. Creating Schema for Comments
- 8. Adding Comments to the DB
- 9. Nested Population - Display Comment and Related User
- 10. Learning storage in SQL databases
- 11. Summarizing
38 Deleting And Updating Objects in Database + Distributing Views
🎬 8 videos 39 Async Await + Error Handling
🎬 8 videos 40 Converting To Ajax
🎬 6 videos 41 File Upload
🎬 8 videos 42 APIs (Making APIs And JWT Authentication)
🎬 10 videos 43 Social Authentication (Mini Lecture)
🎬 6 videos 44 Parallel Jobs + Mailer
🎬 9 videos 45 Friends + Likes
🎬 8 videos 46 Chatting Engine
🎬 8 videos 47 GULP - Getting Deployment Ready
🎬 8 videos 48 Deployment
🎬 7 videos 49 Beginning The Major Project - 2
🎬 9 videos card_membership Course Certificate
Complete 100% to unlock your certificate
campaign Sponsored
Course Discussion
2 Comments
niteshguptav63 Nov 16, 2024 at 5:26 AM
When will I get my course?
admin79 Nov 17, 2024 at 7:59 AM
Now, Your query was resolved.
Frequently Asked Questions About Sciaku Courses & Services
Quick answers to common questions about our courses, quizzes, and learning platform
How do I register on Sciaku.com?
Course Related 1 min read
To register on Sciaku.com, click on the "Signup" button on the homepage, fill in the required information, and create your account. Once registered, you can log in using your credentials.
How can I enroll in a course on Sciaku.com?
Course Related 1 min read
After logging in, browse the available courses, and click on the desired course. On the course page, click the "Enroll" button. You'll gain access to the course materials and resources.
Are there free courses available on Sciaku.com?
Course Related 1 min read
Yes, Sciaku.com offers a variety of free courses. You can explore and enroll in these courses without any payment.
How do I purchase a paid course on Sciaku.com?
Course Related 1 min read
To purchase a paid course, click on the course you're interested in, and choose the "Purchase" option. Follow the on-screen instructions to complete the payment process securely.
What payment methods are accepted on Sciaku.com?
Course Related 1 min read
Sciaku.com accepts various payment methods, including credit/debit cards and other secure online payment options. Ensure your preferred payment method is supported during the checkout process.
How will I access the course content after purchasing a course?
Course Related 1 min read
Upon successful payment, you will be granted access to the course immediately. Simply log in to your account, go to the "My Courses" section, and start learning from the course materials.
How long do I have access to a purchased course on Sciaku.com?
Course Related 1 min read
Once you've purchased a course, you'll have lifetime access to it. You can revisit the course materials and resources at any time.
How do I contact the admin for assistance or support?
Course Related 1 min read
If you need assistance, contact our support team by navigating to the "Contact Us" page. Fill out the form, and our admin will respond to your inquiries promptly.
Can I get a refund for a course I've purchased?
Course Related 1 min read
Refund policies may vary. Please refer to our "Refund Policy" page for detailed information on the conditions and process for obtaining a refund.
How does the admin grant access to a course after payment?
Course Related 1 min read
Upon successful payment, our admin team will verify the transaction, and once confirmed, they will grant you access to the purchased course. This process is typically completed within a short period.
Didn't find what you're looking for?
help_center Contact Support
I am not able to access videos from second class and further. I have already completed first class