diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index b1fe52e..276f4d3 100644 --- a/CONTRIBUTORS.md +++ b/CONTRIBUTORS.md @@ -283,3 +283,5 @@ [@bunnyBites](https://github.com/bunnyBites) -[@Vigneshwaar](https://github.com/V6g1) [@proton029](https://github.com/proton029) + +[@rohitrameshwaram](https://github.com/RohitRameshwaram) diff --git a/Homepage-options/Landing - redesign-Rohit/index.html b/Homepage-options/Landing - redesign-Rohit/index.html new file mode 100644 index 0000000..3a5fbe3 --- /dev/null +++ b/Homepage-options/Landing - redesign-Rohit/index.html @@ -0,0 +1,193 @@ + + + + + + Open Source Web Development Project + + + + + +
+
+ + + +
+
+
+

Zero To Master Web Development

+

My journey so far

+
+ Learn More +
+
+
+
+

A summary of it all

+
+

Hi there,

+

+ I am Rohit, aspiring to become an exceptional Web Developer and Software Engineer. Coding, software, and technology ignite an extraordinary passion within me. +

+

+ I enrolled in The Complete Web Developer Zero to Mastery Course + taught by Andrei Neagoie. +

+

+ Taking this course has helped improve my web development skill-set + particularly in JavaScript. Andrei made me realise the core of being + a web developer, which is JavaScript. +

+

+ By taking this course, I have learnt + REAL industry skills necessary in 2023 and + beyond. +

+
+
+ Andrei Neagoie Course Instructor +

+ Andrei Neagoie Course Developer / InstructorDeveloper. I can teach + you to code +

+
+
+ Course image +
+
+ +
+

Employable Skills in 2020:

+ + + +
+ + + + +
+ + + + \ No newline at end of file diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/AndreiNeagoie.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/AndreiNeagoie.jpg new file mode 100644 index 0000000..b315a0a Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/AndreiNeagoie.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/bg.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/bg.jpg new file mode 100644 index 0000000..a17dd27 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/bg.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/dsa.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/dsa.jpg new file mode 100644 index 0000000..6e10871 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/dsa.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/eh.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/eh.jpg new file mode 100644 index 0000000..37290c6 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/eh.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/faang.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/faang.jpg new file mode 100644 index 0000000..76d0e85 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/faang.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/facebook.png b/Homepage-options/Landing - redesign-Rohit/resources/img/facebook.png new file mode 100644 index 0000000..31ce5b9 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/facebook.png differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/favicon.png b/Homepage-options/Landing - redesign-Rohit/resources/img/favicon.png new file mode 100644 index 0000000..b361e0a Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/favicon.png differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/insta.png b/Homepage-options/Landing - redesign-Rohit/resources/img/insta.png new file mode 100644 index 0000000..5ae862c Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/insta.png differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/joiner to senior web.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/joiner to senior web.jpg new file mode 100644 index 0000000..345fc85 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/joiner to senior web.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/logo.png b/Homepage-options/Landing - redesign-Rohit/resources/img/logo.png new file mode 100644 index 0000000..f766ce9 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/logo.png differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/mail.png b/Homepage-options/Landing - redesign-Rohit/resources/img/mail.png new file mode 100644 index 0000000..694a5cd Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/mail.png differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/ml.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/ml.jpg new file mode 100644 index 0000000..6acea22 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/ml.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/python.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/python.jpg new file mode 100644 index 0000000..79eb812 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/python.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/react.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/react.jpg new file mode 100644 index 0000000..b4e2197 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/react.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/twitter.png b/Homepage-options/Landing - redesign-Rohit/resources/img/twitter.png new file mode 100644 index 0000000..f30a8ce Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/twitter.png differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/web.jpg b/Homepage-options/Landing - redesign-Rohit/resources/img/web.jpg new file mode 100644 index 0000000..23c08cc Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/web.jpg differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/img/whatsapp.png b/Homepage-options/Landing - redesign-Rohit/resources/img/whatsapp.png new file mode 100644 index 0000000..8ccaa79 Binary files /dev/null and b/Homepage-options/Landing - redesign-Rohit/resources/img/whatsapp.png differ diff --git a/Homepage-options/Landing - redesign-Rohit/resources/style.css b/Homepage-options/Landing - redesign-Rohit/resources/style.css new file mode 100644 index 0000000..c099d8f --- /dev/null +++ b/Homepage-options/Landing - redesign-Rohit/resources/style.css @@ -0,0 +1,507 @@ +:root { + --header-text-color: #fff; + --header-text-transform: uppercase; +} + +*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: border-box; +} +/* The header part */ +.header { + height: 95vh; + background-image: linear-gradient( + to right bottom, + rgba(51, 51, 51, 0.438), + rgba(34, 34, 34, 0.411) + ), + url(../img/hero.jpg); + background-size: cover; + background-position: top; + position: relative; + clip-path: polygon(0% 0%, 100% 0%, 100% 75vh, 0% 100%); + } + +.header_logo_box { + position: absolute; + top: 4rem; + left: 4rem; + mix-blend-mode: color-burn; + +} + +.header_logo { + width: 4rem; + +} + + +.header__text-box { + position: absolute; + top: 40%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; + width: 100%; + + } + + +.heading-primary { + color: var(--header-text-color); + text-transform: var(--header-text-transform); + backface-visibility: hidden; + margin-bottom: 6rem; + + } + +.heading-primary--main { + display: block; + width: 100%; + font-size: 2rem; + font-weight: 700; + letter-spacing: 1.8rem; + animation-name: moveInLeft; + animation-duration: 1s; + animation-timing-function: ease-out; + + } + + @keyframes moveInLeft { + 0% { + opacity: 0; + transform: translateX(-10rem); + } + + 80% { + transform: translateX(1rem); + } + + 100% { + opacity: 1; + transform: translate(0); + } + } + + .heading-primary--sub { + display: block; + font-size: 1.65rem; + font-weight: 700; + letter-spacing: 0.63rem; + margin: 3rem; + animation: moveInRight 1s; + } + +@keyframes moveInRight { + 0% { + opacity: 0; + transform: translateX(10rem); + } + + 80% { + transform: translateX(-1rem); + } + + 100% { + opacity: 1; + transform: translate(0); + } + } + + +.btn--animated { + animation: moveInBottom 0.5s ease-out 0.75s; + animation-fill-mode: backwards; + } + +@keyframes moveInBottom { + 0% { + opacity: 0; + transform: translateY(3rem); + } + + 100% { + opacity: 1; + transform: translate(0); + } + } + +.btn:link.btn, +.btn:visited { + text-transform: var(--header-text-transform); + text-decoration: none; + padding: 1rem 4rem; + display: inline-block; + border-radius: 10rem; + transition: all 0.2s; + position: relative; +} + +.btn:hover { + transform: translateY(-0.3rem); + box-shadow: 0.1rem 1rem 2rem rgba(0, 0, 0, 0.3); + } + +.btn:active { + transform: translateY(-0.1rem); + box-shadow: 0.1rem 0.5rem 1rem rgba(0, 0, 0, 0.3); + } + +.btn--white { + background-color: var(--header-text-color); + color: #777; + } + +.btn::after { + content: ""; + display: inline-block; + width: 100%; + height: 100%; + border-radius: 10rem; + position: absolute; + top: 0; + left: 0; + z-index: -1; + transition: all 0.4s; + } + +.btn-white::after { + background-color: var(--header-text-color);; + } +.btn:hover::after { + transform: scaleX(1.4) scaleY(1.6); + opacity: 0; + } + + +/************************************ + ***********MAIN STYLES*************** + ************************************/ + +.intro { + color: #430b0b; + line-height: 1.8; + } + +.intro > h2 { + text-transform: var(--header-text-transform); + text-align: center; + display: inline-block; + border-bottom: 3px solid #848484; + margin-bottom: 2rem; + padding: 2rem; + cursor: pointer; + transition: transform 0.3s; + } + +.intro > h2:hover { + box-shadow: 0 1rem 2rem rgba(0, 0, 0, 1); + transform: scale(1.02); + background: #f7f7f7; + color: #333; + } + +.bold { + font-weight: 700; + } + +main { + font-size: 1.4rem; + line-height: 1.6; + } + +/************************************ + ********SECTION STYLES*************** + ************************************/ + +/* course-details SECTION */ + +.course-details { + margin: 2rem 0 4rem; + padding: 1rem 2rem; +} + +.course-details h2 { + text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); +} + +.course-img { + margin-top: 2rem; + max-width: 100%; +} + +.course-img img { + max-width: 100%; + border-radius: 4px; + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1); + transition: transform 0.3s, box-shadow .3s; +} + +.course-img img:hover { + box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2); + transform: scale(1.02); +} + +.instructor { + margin: 4rem; + } + + .instructor img { + width: 50%; + border-radius: 50%; + margin-left: 20%; + } + + +/* employable-skills SECTION */ + +.employable-skills { + padding: 4rem 2rem; + margin-bottom: 4rem; + background-color: #111; + color: var(--header-text-color);; + transform: skewY(-7deg); + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.3); +} + +.employable-skills h2 { + text-align: center; + text-shadow: 0 2px 5px rgba(255, 255, 255, 0.1); +} + +.employable-skills>* { + transform: skewY(7deg); +} + +.employable-skills ul { + display: block; + margin: 0 auto; + list-style: none; + width: 80%; + /* max-width: 15rem; */ +} + +.employable-skills li { + padding: 1rem; + display: block; + text-align: center; + margin-bottom: 1rem; + border-left: 2px solid transparent; + transition: all .4s; +} + +.employable-skills li:hover { + border-left: 2px solid orangered; +} + +.employable-skills li:nth-of-type(even) { + background: rgba(255, 255, 255, 0.01); + border-radius: 4px; +} + + +/* .employable-skills li:last-child { + margin-bottom: 1rem; + } */ + +.employable-skills a:visited, +.employable-skills a:link { + text-decoration: none; + color: inherit; +} + +.icon { + vertical-align: middle; + display: inline-block; + height: 2.5rem; + margin-right: 1rem; +} + +.icon img { + height: 100%; +} + +h1 { + text-align: center; +} + +.course_outcome { + font-size: 20px; + word-spacing: 1.5px; + text-align: center; +} + +.blue { + color: blue; +} + +h3 { + margin-top: 10rem; + font-weight: bold; + margin-left: 5px; +} + +.form { + padding: 2px; + font-size: 15px; + margin-top: 10px; + margin-bottom: 10px; +} + +.edit { + padding: 0px; + margin-top: 30px; + bottom: 50px; + padding-right: -80px; +} + +.feedback { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + width: 800px; + margin-top: 30px; + margin-left: 300px; + height: 300px; + border-radius: 50px; + background: #edeff3; + box-shadow: -20px -20px 60px #c9cbcf, 20px 20px 60px #ffffff; + padding-bottom: 80px; +} + +.tex { + font-size: 30px; +} + +.main-div { + transform: translate(-50%, -50%); +} + + + +.increase { + padding: 5px; +} + +#increasesize { + padding: 10px; +} + + +/************************************ +*********FOOTER STYLES*************** +************************************/ + +footer { + margin-top: 50px; + padding: 1rem; + /* background: linear-gradient(#fff, #f3f3f3); */ + background-color: #111; + color: var(--header-text-color); +} + +footer a:link, +footer a:visited { + color: var(--header-text-color); + font-weight: 400; + text-decoration: none; +} + +footer p { + font-weight: 300; + font-size: 1.2rem; + text-align: center; + text-transform: var(--header-text-transform); + color: #999; +} + +.name { + color: var(--header-text-color); +} + +footer p span { + display: block; + margin: 1rem 0; +} + + +/* _________________________________________ +________________MEDIA QUERIES_______________ +____________________________________________*/ + +@media (min-width:700px) { + html { + font-size: 75%; + } + .course-details p, + .course-img { + max-width: 80vw; + display: block; + margin: 2rem auto; + } + .employable-skills { + padding: 6rem; + transform: skewY(-5deg); + } + .employable-skills>* { + transform: skewY(5deg); + } +} + +@media (min-width: 1024px) { + html { + font-size: 80%; + } + main { + max-width: 90vw; + margin: 6rem auto 0; + display: flex; + justify-content: space-around; + align-items: stretch; + } + .course-details { + width: 38vw; + } + .employable-skills { + width: 45vw; + } + .employable-skills, + .employable-skills>* { + transform: skew(0) + } + .employable-skills { + padding: 1.5rem; + border-radius: 4px; + text-align: center; + } + .employable-skills h2 { + margin-bottom: 4rem; + } + .icon { + display: block; + margin: 0 auto 1rem; + height: 3rem; + } + .employable-skills ul { + margin-bottom: 3rem; + font-size: 1.2rem; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 3rem 2rem; + font-weight: 100; + } +} + +@media (min-width: 2000px) { + html { + font-size: 90%; + } + main { + max-width: 80%; + margin-top: 4rem; + } +} \ No newline at end of file