From 4e1a7ae7c3f6d47aad7b3472fb2cc3ba38c5ae79 Mon Sep 17 00:00:00 2001 From: PINAK V Date: Thu, 31 Oct 2024 15:39:18 +0530 Subject: [PATCH] new-ui-changes --- index.html | 1755 ++++++++++++++++++---------------------------------- new.css | 52 ++ 2 files changed, 658 insertions(+), 1149 deletions(-) create mode 100644 new.css diff --git a/index.html b/index.html index d40d838..a061152 100644 --- a/index.html +++ b/index.html @@ -1,924 +1,621 @@ - - - - LinkedIn Resume Builder - Home - - - - - - - - - - + - .scroll-to-top i { - font-size: 20px; - } - - + - - +
+
+
+ - - + function updateProgressBar() { + const scrollTop = window.scrollY; + const windowHeight = document.documentElement.scrollHeight - window.innerHeight; + const scrollPercentage = (scrollTop / windowHeight) * 100; - + const progressBar = document.getElementById('progress-bar'); -
- - - - - - - - -
- - - -
-
- - - - -
-
-

Build Your Resume in Seconds from LinkedIn

-

- Easily generate a professional resume using your LinkedIn profile. - Select a template, enter your LinkedIn URL, and get a downloadable - resume in a few clicks. Save time and create a resume that stands out. -

- Get Started -
-
- - - - -
-

Our Features

-
-
- Easy to Use -

Easy to Use

-

- Create a professional resume effortlessly with our user-friendly - interface. -

-
-
- Instant Resume -

Instant Resume

-

- Generate a polished resume in seconds using your LinkedIn profile - data. -

-
-
- Secure Data -

Secure Data

-

- Your personal information is safe with our secure and encrypted - platform. -

-
-
- 24/7 Support -

24/7 Support

-

- Our dedicated support team is available round the clock to assist - you. -

-
-
-
- - -
-

What Our Users Say

- -
-
- User 1 -

Jane Doe

-

- "This resume builder transformed my LinkedIn profile into a - professional resume effortlessly. Highly recommended!" -

-
-
- User 2 -

John Smith

-

- "I was amazed at how quickly I was able to generate a resume. The - process was smooth and the result was perfect." -

-
-
- User 3 -

Emily Johnson

-

- "The platform is user-friendly and secure. I felt confident that my - data was protected. Great service!" -

-
-
-
+ lastScrollPercentage += (scrollPercentage - lastScrollPercentage) * 0.1; + progressBar.style.width = lastScrollPercentage + '%'; + } + window.addEventListener('scroll', updateProgressBar); - + - - - - - - - - - - -
- -
-

Build Your Resume in Seconds from LinkedIn

-

Easily generate a professional resume using your LinkedIn profile. Select a template, enter your LinkedIn URL, - and get a downloadable resume in a few clicks. Save time and create a resume that stands out.

- Get Started -
- -
- - - - -
-

Our Features

-
-
- Easy to Use -

Easy to Use

-

Create a professional resume effortlessly with our user-friendly interface.

-
-
- Instant Resume -

Instant Resume

-

Generate a polished resume in seconds using your LinkedIn profile data.

+ +
+ + + + + +
+ + -
- Secure Data -

Secure Data

-

Your personal information is safe with our secure and encrypted platform.

+ + +
+ +
-
- 24/7 Support -

24/7 Support

-

Our dedicated support team is available round the clock to assist you.

+ +
+ +
-
- - -
-

What Our Users Say

-
-
- User 1 -

Jane Doe

-

"This resume builder transformed my LinkedIn profile into a professional resume effortlessly. Highly recommended!"

+ + + + + + +
+
+
+
+
+ +
+
+

About

+

LinkedIn Resume Builder simplifies your job search by converting your LinkedIn profile into a + professional resume. In just a few clicks, you can generate a polished resume from your profile, saving + time and effort. With accurate data and a selection of professional templates, it’s the easiest way to + create a standout resume quickly and efficiently.

+
+
+ +
+ +

Our Mission

+

+ The LinkedIn Resume Builder aims to simplify your job search by transforming your LinkedIn profile + into a polished, professional resume. + We recognize the challenges of job hunting and the importance of having an up-to-date resume. Our + mission is to offer a fast, reliable solution + that saves you time and effort. +

-
- User 2 -

John Smith

-

"I was amazed at how quickly I was able to generate a resume. The process was smooth and the result was perfect."

+ + +
+ +

How It Works

+

+ Our tool seamlessly integrates with LinkedIn to pull essential details from your profile, such as + work experience, education, and skills. + In just a few clicks, you can convert your profile into a beautifully formatted resume. Here’s how + it works: +

+
    +
  • Enter your LinkedIn profile URL in our resume form.
    • +
  • Select a resume template from our professionally designed options.
    • +
  • Download your resume in PDF format within seconds.
    • +
-
- User 3 -

Emily Johnson

-

"The platform is user-friendly and secure. I felt confident that my data was protected. Great service!"

+ + +
+ +

Why Choose Us?

+

+ Here are some reasons why professionals prefer our tool: +

+
    +
  • Time-saving: No manual updates or formatting required.
    • +
  • Professional templates: Choose from a variety of modern and classic designs. +
    • +
  • User-friendly: Generate resumes in just a few clicks.
    • +
  • Accurate data: Information is directly pulled from your LinkedIn profile.
    • +
-
- + + + + - - - - - - - - - - - - - - - - - -
- - - -
- - - - - - -
-
-

Build Your Resume in Seconds from LinkedIn

-

- Easily generate a professional resume using your LinkedIn - profile. Select a template, enter your LinkedIn URL, and get - a downloadable resume in a few clicks. Save time and create - a resume that stands out. -

- Get Started -
-
- - - - -
-

Our Features

-
-
- Easy to Use -

Easy to Use

-

- Create a professional resume effortlessly with our - user-friendly interface. -

-
-
- Instant Resume -

Instant Resume

-

- Generate a polished resume in seconds using your - LinkedIn profile data. -

-
-
- Secure Data -

Secure Data

-

- Your personal information is safe with our secure and - encrypted platform. -

-
-
- 24/7 Support -

24/7 Support

-

- Our dedicated support team is available round the clock - to assist you. -

-
-
-
- - -
-

What Our Users Say

- -
-
- User 1 -

Jane Doe

-

- "This resume builder transformed my LinkedIn profile - into a professional resume effortlessly. Highly - recommended!" -

-
-
- User 2 -

John Smith

-

- "I was amazed at how quickly I was able to generate a - resume. The process was smooth and the result was - perfect." -

-
-
- User 3 -

Emily Johnson

-

- "The platform is user-friendly and secure. I felt - confident that my data was protected. Great service!" -

-
-
-
- - - - - - - - - - - - - - - - + + + - + \ No newline at end of file diff --git a/new.css b/new.css new file mode 100644 index 0000000..ea0ce39 --- /dev/null +++ b/new.css @@ -0,0 +1,52 @@ +.card { + transform: scale(0.7); + font-size: 30px; +} + +header { + height: 120px; + margin: 5px; + border-radius: 16px; +} + +.footer { + height: 300px; +} + +.footer h3 { + text-decoration: none; +} + +.footer h3:hover { + text-decoration: underline; +} + +.footer ul li { + margin-bottom: 5px; +} + +.footer i { + font-size: 25px; + transition: 0.1s linear; + margin: 15px; +} + +.footer i:hover { + transform: scale(1.7); +} + +.footer .insta:hover { + color: pink; +} + +.footer .tweet:hover { + color: white; +} + +.footer .book:hover { + color: blue; +} + +.footer .lkedin:hover { + color: blue; +}