Skip to content

resumefile.html #698

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed

resumefile.html #698

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
297 changes: 297 additions & 0 deletions resumefile.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,297 @@
<!DOCTYPE html>
<html>
<head>
<title>Resume and Cover Letter Tips</title>
<link rel="icon" href="" type="image/x-icon">
<style>
.header {
background-color: rgb(225, 62, 62);
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
.logo {
height: 50px;
margin-left: 20px;
}
.back-button {
background-color: white;
border: 1px solid black;
font-size: 20px;
height: 42px;
width: 100px;
border-radius: 10px;
cursor: pointer;
transition: background-color 0.3s, color 0.3s;
}
.back-button:hover {
background-color: black;
color: white;
}
</style>
</head>
<body>
<div class="header">
<img src="resume gif.gif" alt="resume gif">

<a href="index.html"> <button class="back-button" onclick="history.back()">Back</button> </a>
</div>

<div style="display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 50px auto; padding: 20px; font-size: 60px;">
<div style="font-size: 50px; font-weight: bold; margin-left: 30px;">
Kickstart Your <br>
Career with <br>
Powerful Resume <br>
and Cover Letter!
</div>
<div>
<img src="c:\Users\thupa\OneDrive\Pictures\Documents\pallavi_webpage[1]\pallavi webpage\resume gif.gif" alt="resume gif" style="width: 700px; height: 300px; border-radius: 10px; margin-top: 60px;">
</div>
</div>

<p style="margin-left:150px;font-size:25px;margin-right:30px">A resume is a short and concise summary of your work experience and education. During recruitment, employers or recruiters compare tens, hundreds, and sometimes even thousands of resumes with each other. All this to find the best candidates.</p>
<p style="font-weight:bold;margin-left:150px;font-size:25px;margin-right:30px">You only have one chance to make an electrifying impression. Here's what you should do, step by step:</p>


<p style="margin-left:150px;font-size:30px;">STEP 1. Choose the right resume format for you</p>
<p style="margin-left:150px;font-size:20px;margin-right:30px">There are three types of resumes. Depending on your professional experience and the industry you are applying to,<br> one of them will be the best for you.Are you applying for multiple positions in various companies or industries?<br> You can consider more than one resume format.</p>
<ul style="margin-left:150px;font-size:23px;">
<li>
<p style="font-size:23px;margin-right:30px"><strong>Reverse Chronological (Most Common):</strong> Lists work experience from most recent to oldest.</p></li>
<li>
<p style="font-size:23px;margin-right:30px"><strong>Functional:</strong> Focuses on skills rather than experience (good for career changers).</p></li>
<li>
<p style="font-size:23px;margin-right:30px"><strong>Combination: </strong>Mixes both chronological and functional styles.</p></li></ul>


<p style="margin-left:150px;font-size:30px;">Step 2: Add Contact Information</p>
<p style="margin-left:150px;font-size:20px;margin-right:30px">At the top of your resume, include:<br>
<ul style="margin-left:150px;font-size:20px;">
<li> Your Full Name</li>
<li> Your Phone Number</li>
<li>Your Email Address (professional one)</li>
<li>Your LinkedIn Profile (optional but recommended)</li>
<li> Your GitHub or Portfolio (if applicable)</li></ul></p>



<p style="margin-left:150px;font-size:30px;">Step 3: Write a Strong Summary or Objective</p>
<ul style="margin-left:150px;font-size:20px;">
<li> <p style="font-size:20px;margin-right:30px"><strong>Summary (if you have experience):</strong> A brief statement highlighting your skills and experience.</li></p>
<li> <p style="font-size:20px;margin-right:30px"> <strong>Objective (if you’re new to the industry):</strong> A short statement about your career goals and what you bring to the table.</li></ul></p>


<p style="margin-left:150px;font-size:30px;">Step 4: List Your Work Experience (if applicable)</p>
<p style="margin-left:150px;font-size:23px;">Include:</p>
<ul style="margin-left:150px;font-size:23px;">
<li>Job Title – Company Name, Location</li>
<li> Dates of Employment (Month & Year)</li>
<li> Key Responsibilities & Achievements (use bullet points and action verbs)</li></ul></p>


<p style="margin-left:150px;font-size:30px;">Step 5: Highlight Your Education</p>
<p style=" margin-left:150px;font-size:23px;margin-right:50px">Make a list of the educational institutions you attended. Start with the most recent. If you are starting your professional career or have not graduated from university, provide information about the completed High School.<br>
Add any other educational experiences, such as training programs, community college or summer courses, seminars, and so on.</p>

<p style="margin-left:150px;font-size:30px;">Step 6: Showcase Your Skills</p>
<ul style="margin-left:150px;font-size:23px;">
<li>Technical Skills (Programming languages, tools, frameworks)</li>
<li>Soft Skills (Communication, teamwork, problem-solving)</li>
<li>Certifications (if relevant)</li></ul>

<p style="margin-left:150px;font-size:30px;">Step 7: Format & Proofread</p>
<ul style="margin-left:150px;font-size:23px;">
<li>Keep it 1 page (unless you have a lot of experience).</li>
<li>Use clear fonts like Arial, Calibri, or Times New Roman.</li>
<li>Keep margins & spacing consistent.</li>
<li>Proofread for grammar and spelling errors.</li></ul>
<br><br><br>
<style>
.image-container {
display: flex;
gap: 10px;
}
.image-container img {
width: 200px;
height: auto;
border-radius: 10px;
}
.image:hover{
transform: scale(1.03);
transition: transform 0.3s ease-in-out;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.658);
}

</style>
</head>
<body>
<div class="image-container">
<img style="margin-left: 30px;width:470px;height:750px;box-shadow: 2px 2px 2px black;"src="chronological.png" alt="Image 1" class="image">
<img style="margin-left:10px;width:470px;height:750px ;box-shadow: 2px 2px 2px black;"src="functional.png" alt="Image 2" class="image">
<img style="margin-left:10px;width:470px;box-shadow: 2px 2px 2px black;" src="combination.png" alt="Image 3" class="image">
</div>
<br>
<br>
<br>
<style>
.resume-button {
background-color: rgb(36, 32, 32);
color: rgb(255, 255, 255);
padding: 15px 32px;
border-color: black;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
margin-left:600px;
border-radius:15px;
transition :background-color 0.3s;
}
.resume-button:hover{
box-shadow:5px 5px 5px rgb(135, 130, 130);
transform: scale(1.03);
transition: transform 0.3s ease-in-out;
}
</style>
<a href='https://www.overleaf.com/gallery/tagged/cv'; target="_blank">
<button class="resume-button">Personalise Your Own Resume</button>
</a>
<br>
<style>
.card {
background: rgba(255, 243, 224, 0.445);
width: 350px;
margin: 15px;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover {
transform: scale(1.05);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}

.logocard {
width: 80px;
height: 80px;
margin-bottom: 10px;
}

.visit {
display: inline-block;
margin-top: 10px;
padding: 10px 15px;
background-color: #cf3e3e;
color: white;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}

.visit:hover {
background-color: #b04040;
}

</style>
<br><br><hr>
<div>
<center><h1 style="color: #333; margin-top: 30px;">Best Resume-Building Websites</h1></center>
<div style="display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px;">
<div class="card">
<img src="io.png" alt="Resume.io" class="logocard">
<h2>Resume.io</h2>
<p>Professional resume templates with AI-powered suggestions.</p>
<a href="https://www.resume.io" target="_blank" class="visit">Visit</a>
</div>
<div class="card">
<img src="https://cdn-images.zety.com/images/zety/apple-touch-icon-180x180.png" alt="Zety" class="logocard">
<h2>Zety</h2>
<p>Customizable resume templates with expert guidance.</p>
<a href="https://zety.com/resume-builder" target="_blank" class="visit">Visit</a>
</div>
<div class="card">
<img src="https://upload.wikimedia.org/wikipedia/commons/4/44/Microsoft_logo.svg" alt="Microsoft Create" class="logocard">
<h2>Microsoft Create</h2>
<p>Free resume templates with Microsoft’s design tools.</p>
<a href="https://create.microsoft.com/en-us/templates/resumes-and-cover-letters" target="_blank" class="visit">Visit</a>
</div>
</div>
</div>

</div>
<br>
<hr>
<br>
<br>
<p style="margin-left:150px;font-size:50px;font-weight:bolder"><strong>How to write a Cover Letter?</strong></p>

<p style="margin-left:150px;font-size:30px;font-weight:bold">Introduction</p>
<p style=" margin-left:150px;font-size:23px;margin-right:50px">To highlight that you are the ideal candidate, it is important to mention in the introduction the most valuable skills you possess that are also mentioned in the job ad. Sometimes it might be important to mention the job you are applying for, job application number (if provided) and where you learned about the open position. </p>
<p style="margin-left:150px;font-weight:bold;font-size:30px;">Body</p>
<p style=" margin-left:150px;font-size:23px;margin-right:50px">In one or two longer paragraphs explain your interest for this position and how your previous achievements and experience will meet the expectations listed in the job ad.</p>
<p style="margin-left:150px;font-weight:bold;font-size:30px;">Conclusion </p>
<p style=" margin-left:150px;font-size:23px;margin-right:50px">The conclusion of your cover letter has three main goals:</p>
<ul style=" margin-left:150px;font-size:23px;margin-right:50px">
<li>Express your gratitude towards the reader and thank them for their time.</li>
<li>Mention again your interest for the position.</li>
<li>A call to action (ex. I look forward to discussing with you how I can contribute to your organization’s success.)</li>
</ul>
<p style=" margin-left:150px;font-size:23px;margin-right:50px">A strong call to action is important because this will be the last part the recruiter or employer will read and you will leavethe reader with the impression that you are the perfect match to be called for an interview.</p>
<p style="margin-left:150px;font-weight:bold;font-size:30px;"> How to end a Cover letter?</p>
<p style=" margin-left:150px;font-size:23px;margin-right:50px">A cover letter is a formal, professional document, therefore you should close your cover letter with a formal closing expression:</p>
<ul style=" margin-left:150px;font-size:23px;margin-right:50px">
<li>Sincerely</li>
<li> Sincerely yours</li>
<li>With best regards</li>
<li> Best regards</li>
<li>Kind regards</li>
<li> Respectfully yours</li>
</ul>

<style>
.content {
padding: 60px;
font-size: 23px;
padding-left: 120px;
line-height: 35px;
}
</style>
<div class="content">
<h2>Tips for Writing a Great Cover Letter</h2>
<ul>
<li><strong>Tailor to the Job:</strong> Customize your cover letter for each job application. Mention the job title and company name, and highlight how your skills align with the job requirements.</li>
<li><strong>Start Strong:</strong> Begin with a compelling opening that grabs the hiring manager's attention. Mention a relevant accomplishment or a strong reason why you're excited about the role.</li>
<li><strong>Showcase Your Skills:</strong> Highlight your most relevant skills and experiences. Use specific examples to demonstrate how you’ve successfully applied these skills in previous roles.</li>
<li><strong>Be Concise:</strong> Keep your cover letter to one page. Be clear and to the point, avoiding unnecessary details.</li>
<li><strong>Highlight Achievements:</strong> Quantify your achievements when possible. Use numbers to demonstrate your impact (e.g., "Increased sales by 20% in six months").</li>
<li><strong>Express Enthusiasm:</strong> Show genuine interest in the company and the role. Mention something specific about the company that excites you.</li>
<li><strong>Professional Tone:</strong> Maintain a professional tone throughout the letter. Avoid slang and overly casual language.</li>
<li><strong>Proofread:</strong> Ensure there are no typos or grammatical errors. Proofread your letter multiple times and consider asking someone else to review it as well.</li>
<li><strong>Use a Formal Closing:</strong> End with a formal closing like "Sincerely" or "Best regards," followed by your name and signature if sending a hard copy.</li>
<li><strong>Include Your Contact Information:</strong> Make it easy for the hiring manager to contact you by including your phone number and email address in the header of the cover letter.</li>
</ul>
</div>
<br>
<br>
<img style="margin-left: 300px;width:1000px;height:780px;border-radius: 30px;" class="image" src="coverletter.avif">
<footer style="background-color:#ffffff; color: rgb(0, 0, 0); text-align: center; padding: 15px; font-size: 18px;">
<br><br>
<p>&copy; 2025 Internzone. All Rights Reserved.</p>
<!-- <p>
<a href="privacy-policy.html" style="color: #0e0d0d; text-decoration: none;">Privacy Policy</a> |
<a href="terms-of-service.html" style="color: #0e0d0d; text-decoration: none;">Terms of Service</a> |
<a href="contact.html" style="color: #0e0d0d; text-decoration: none;">Contact Us</a>
</p> -->
</footer>


</body>
</html>