diff --git a/_redirects b/_redirects new file mode 100644 index 0000000..ec0e53b --- /dev/null +++ b/_redirects @@ -0,0 +1,3 @@ +# Redirects from what the browser requests to what we serve +https://tejaswan.netlify.app/* https://tejaswan.codes/:splat 301! +https://tejaswan.netlify.app/ https://tejaswan.codes 301 diff --git a/assets/css/styles.css b/assets/css/styles.css index 9d70fb3..ace3fbf 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1,172 +1,176 @@ /*===== GOOGLE FONTS =====*/ @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap"); /*===== VARIABLES CSS =====*/ -:root{ - --header-height: 3rem; - --font-semi: 600; +:root { + --header-height: 3rem; + --font-semi: 600; } /*===== Colores =====*/ -:root{ - --first-color: #4070F4; - --second-color: #0E2431; +:root { + --first-color: #4070f4; + --second-color: #0e2431; } /*===== Fuente y tipografia =====*/ -:root{ - --body-font: 'Poppins', sans-serif; - --big-font-size: 2rem; - --h2-font-size: 1.25rem; - --normal-font-size: 0.938rem; -} -@media screen and (min-width: 768px){ - :root{ - --big-font-size: 3.5rem; - --h2-font-size: 2rem; - --normal-font-size: 1rem; - } +:root { + --body-font: "Poppins", sans-serif; + --big-font-size: 2rem; + --h2-font-size: 1.25rem; + --normal-font-size: 0.938rem; +} +@media screen and (min-width: 768px) { + :root { + --big-font-size: 3.5rem; + --h2-font-size: 2rem; + --normal-font-size: 1rem; + } } /*===== Margenes =====*/ -:root{ - --mb-1: 0.5rem; - --mb-2: 1rem; - --mb-3: 1.5rem; - --mb-4: 2rem; - --mb-5: 2.5rem; - --mb-6: 3rem; +:root { + --mb-1: 0.5rem; + --mb-2: 1rem; + --mb-3: 1.5rem; + --mb-4: 2rem; + --mb-5: 2.5rem; + --mb-6: 3rem; } /*===== z index =====*/ -:root{ - --z-back: -10; - --z-normal: 1; - --z-tooltip: 10; - --z-fixed: 100; +:root { + --z-back: -10; + --z-normal: 1; + --z-tooltip: 10; + --z-fixed: 100; } /*===== BASE =====*/ -*,::before,::after{ - box-sizing: border-box; -} -html{ - scroll-behavior: smooth; -} -body{ - margin: var(--header-height) 0 0 0; - font-family: var(--body-font); - font-size: var(--normal-font-size); - color: var(--second-color); +*, +::before, +::after { + box-sizing: border-box; +} +html { + scroll-behavior: smooth; +} +body { + margin: var(--header-height) 0 0 0; + font-family: var(--body-font); + font-size: var(--normal-font-size); + color: var(--second-color); } -h1,h2,p{ - margin: 0; +h1, +h2, +p { + margin: 0; } -ul{ - margin: 0; - padding: 0; - list-style: none; +ul { + margin: 0; + padding: 0; + list-style: none; } -a{ - text-decoration: none; - color: var(--first-color); +a { + text-decoration: none; + color: var(--first-color); } -img{ - max-width: 100%; - height: auto; - display: block; +img { + max-width: 100%; + height: auto; + display: block; } /*===== CLASS CSS ===== */ -.section-title{ - position: relative; - font-size: var(--h2-font-size); - color: var(--first-color); - margin-top: var(--mb-2); - margin-bottom: var(--mb-4); - text-align: center; -} -.section-title::after{ - position: absolute; - content: ""; - width: 64px; - height: 0.18rem; - left: 0; - right: 0; - margin: auto; - top: 2rem; - background-color: var(--first-color); -} -.section{ - padding-top: 3rem; - padding-bottom: 2rem; +.section-title { + position: relative; + font-size: var(--h2-font-size); + color: var(--first-color); + margin-top: var(--mb-2); + margin-bottom: var(--mb-4); + text-align: center; +} +.section-title::after { + position: absolute; + content: ""; + width: 64px; + height: 0.18rem; + left: 0; + right: 0; + margin: auto; + top: 2rem; + background-color: var(--first-color); +} +.section { + padding-top: 3rem; + padding-bottom: 2rem; } /*===== LAYOUT =====*/ -.bd-grid{ - max-width: 1024px; - display: grid; - grid-template-columns: 100%; - grid-column-gap: 2rem; - width: calc(100% - 2rem); - margin-left: var(--mb-2); - margin-right: var(--mb-2); -} -.l-header{ - width: 100%; - position: fixed; - top: 0; - left: 0; - z-index: var(--z-fixed); - background-color: #fff; - box-shadow: 0 1px 4px rgba(146,161,176,.15); +.bd-grid { + max-width: 1024px; + display: grid; + grid-template-columns: 100%; + grid-column-gap: 2rem; + width: calc(100% - 2rem); + margin-left: var(--mb-2); + margin-right: var(--mb-2); +} +.l-header { + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: var(--z-fixed); + background-color: #fff; + box-shadow: 0 1px 4px rgba(146, 161, 176, 0.15); } /*===== NAV =====*/ -.nav{ - height: var(--header-height); - display: flex; - justify-content: space-between; - align-items: center; - font-weight: var(--font-semi); -} -@media screen and (max-width: 768px){ - .nav__menu{ - position: fixed; - top: var(--header-height); - right: -100%; - width: 80%; - height: 100%; - padding: 2rem; - background-color: var(--second-color); - transition: .5s; - } -} -#nav__item{ - margin-bottom: var(--mb-4); -} -.nav__link{ - position: relative; - color: #fff; -} -.nav__link:hover{ - position: relative; -} -.nav__link:hover::after{ - position: absolute; - content: ""; - width: 100%; - height: 0.18rem; - left: 0; - top: 2rem; - background-color: var(--first-color); -} -.nav__logo{ - color: var(--second-color); +.nav { + height: var(--header-height); + display: flex; + justify-content: space-between; + align-items: center; + font-weight: var(--font-semi); +} +@media screen and (max-width: 768px) { + .nav__menu { + position: fixed; + top: var(--header-height); + right: -100%; + width: 80%; + height: 100%; + padding: 2rem; + background-color: var(--second-color); + transition: 0.5s; + } +} +#nav__item { + margin-bottom: var(--mb-4); +} +.nav__link { + position: relative; + color: #fff; +} +.nav__link:hover { + position: relative; +} +.nav__link:hover::after { + position: absolute; + content: ""; + width: 100%; + height: 0.18rem; + left: 0; + top: 2rem; + background-color: var(--first-color); +} +.nav__logo { + color: var(--second-color); } -.nav__toggle{ - color: var(--second-color); - font-size: 1.5rem; - cursor: pointer; +.nav__toggle { + color: var(--second-color); + font-size: 1.5rem; + cursor: pointer; } /*Active menu*/ @@ -181,320 +185,284 @@ img{ } */ /*=== Show menu ===*/ -.show{ - right: 0; +.show { + right: 0; } /*===== HOME =====*/ -.home{ - height: calc(100vh - 3rem); - row-gap: 1rem; +.home { + height: calc(100vh - 3rem); + row-gap: 1rem; } -.home__data{ - align-self: center; +.home__data { + align-self: center; } -.home__title{ - font-size: var(--big-font-size); - margin-bottom: var(--mb-5); +.home__title { + font-size: var(--big-font-size); + margin-bottom: var(--mb-5); } -.home__title-color{ - color: var(--first-color); +.home__title-color { + color: var(--first-color); } -.home__social{ - display: flex; - flex-direction: column; +.home__social { + display: flex; + flex-direction: column; } -.home__social-icon{ - width: max-content; - margin-bottom: var(--mb-2); - font-size: 1.5rem; - color: var(--second-color); +.home__social-icon { + width: max-content; + margin-bottom: var(--mb-2); + font-size: 1.5rem; + color: var(--second-color); } -.home__social-icon:hover{ - color: var(--first-color); +.home__social-icon:hover { + color: var(--first-color); } -.home__img{ - position: absolute; - right: 0; - bottom: 0; - width: 295px; +.home__img { + position: absolute; + right: 0; + bottom: 0; + width: 295px; } /*BUTTONS*/ -.button{ - display: inline-block; - background-color: var(--first-color); - color: #fff; - padding: .75rem 2.5rem; - font-weight: var(--font-semi); - border-radius: .5rem; +.button { + display: inline-block; + background-color: var(--first-color); + color: #fff; + padding: 0.75rem 2.5rem; + font-weight: var(--font-semi); + border-radius: 0.5rem; } -.button:hover{ - box-shadow: 0 10px 36px rgba(0,0,0,.15); +.button:hover { + box-shadow: 0 10px 36px rgba(0, 0, 0, 0.15); } /* ===== ABOUT =====*/ -.about__container{ - row-gap: 2rem; - text-align: center; +.about__container { + row-gap: 2rem; + text-align: center; } -.about__subtitle{ - margin-bottom: var(--mb-2); +.about__subtitle { + margin-bottom: var(--mb-2); } -.about__img{ - justify-self: center; +.about__img { + justify-self: center; } -.about__img img{ - width: 200px; - border-radius: .5rem; +.about__img img { + width: 200px; + border-radius: 0.5rem; } /* ===== SKILLS =====*/ -.skills__container{ - row-gap: 2rem; - text-align: center; -} -.skills__subtitle{ - margin-bottom: var(--mb-2); -} -.skills__text{ - margin-bottom: var(--mb-4); -} -.skills__data{ - display: flex; - justify-content: space-between; - align-items: center; - position: relative; - font-weight: var(--font-semi); - padding: .5rem 1rem; - margin-bottom: var(--mb-4); - border-radius: .5rem; - box-shadow: 0 4px 25px rgba(14,36,49,.15); -} -.skills__icon{ - font-size: 2rem; - margin-right: var(--mb-2); - color: var(--first-color); -} -.skills__names{ - display: flex; - align-items: center; -} -.skills__bar{ - position: absolute; - left: 0; - bottom: 0; - background-color: var(--first-color); - height: .25rem; - border-radius: .5rem; - z-index: var(--z-back); -} -.skills__html{ - width: 95%; - background-color: #e34c26 ; -} -.skills__css{ - width: 85%; - background-color: #264de4 ; -} -.skills__js{ - width: 65%; - background-color: #f0db4f ; -} -.skills__ux{ - width: 85%; - background-color:var(--first-color); +.skills__container { + row-gap: 2rem; + text-align: center; } -.skills__android{ - width: 50%; - background-color: #3DDC84; +.skills__subtitle { + margin-bottom: var(--mb-2); } -.skills__java{ - width: 80%; - background-color: #EA2D2E; +.skills__text { + margin-bottom: var(--mb-4); } -.skills__python{ - width: 85%; - background-color: #ffd845; -} -.skills__c{ - width: 90%; - background-color: #03599c; +.skills__data { + display: flex; + justify-content: space-between; + align-items: center; + position: relative; + font-weight: var(--font-semi); + padding: 0.5rem 1rem; + margin-bottom: var(--mb-4); + border-radius: 0.5rem; + box-shadow: 0 4px 25px rgba(14, 36, 49, 0.15); +} +.skills__icon { + font-size: 2rem; + margin-right: var(--mb-2); + color: var(--first-color); +} +.skills__names { + display: flex; + align-items: center; } -.skills__cplus{ - width: 65%; - background-color: #9c033a; +.skills__bar { + position: absolute; + left: 0; + bottom: 0; + background-color: var(--first-color); + height: 0.25rem; + border-radius: 0.5rem; + z-index: var(--z-back); } -.skills__php{ - width: 70%; - background-color: #6181b6; +.colored { + font-size: 30px; + margin-right: 10px; } + /* ===== WORK =====*/ -.work__container{ - row-gap: 2rem; +.work__container { + row-gap: 2rem; } -.work__img{ - box-shadow: 0 4px 25px rgba(14,36,49,.15); - border-radius: .5rem; - overflow: hidden; +.work__img { + box-shadow: 0 4px 25px rgba(14, 36, 49, 0.15); + border-radius: 0.5rem; + overflow: hidden; } -.work__img img{ - transition: 1s; - cursor: pointer; +.work__img img { + transition: 1s; + cursor: pointer; } -.work__img img:hover{ - transform: scale(1.1); +.work__img img:hover { + transform: scale(1.1); } -.work__img .content{ - margin-left: 10px; +.work__img .content { + margin: 5px 20px; } .work__img .content h4 { - margin: 10px 0px; - text-transform: capitalize; - font-size: 20px; -} -.work__img .content .content_body{ - margin: 1px; - letter-spacing: 1px; - height: 70px; -} -.work__img .content a{ - margin: 10px; - padding: 10px; - text-transform: capitalize; - display: inline-block; -} -.disabled-link{ - cursor: default; - pointer-events: none; - text-decoration: none; - color: grey; + margin: 10px 0px; + text-transform: capitalize; + font-size: 20px; +} +.work__img .content .content_body { + margin: 1px; + height: 70px; +} +.work__img .content a { + margin: 10px; + padding: 10px; + text-transform: capitalize; + display: inline-block; +} +.disabled-link { + cursor: default; + pointer-events: none; + text-decoration: none; + color: grey; } /* ===== CONTACT =====*/ -.contact__input{ - width: 100%; - font-size: var(--normal-font-size); - font-weight: var(--font-semi); - padding: 1rem; - border-radius: .5rem; - border: 1.5px solid var(--second-color); - outline: none; - margin-bottom: var(--mb-4); -} -.contact__button{ - display: block; - border: none; - outline: none; - font-size: var(--normal-font-size); - cursor: pointer; - margin-left: auto; +.contact__input { + width: 100%; + font-size: var(--normal-font-size); + font-weight: var(--font-semi); + padding: 1rem; + border-radius: 0.5rem; + border: 1.5px solid var(--second-color); + outline: none; + margin-bottom: var(--mb-4); +} +.contact__button { + display: block; + border: none; + outline: none; + font-size: var(--normal-font-size); + cursor: pointer; + margin-left: auto; } /* ===== FOOTER =====*/ -.footer{ - background-color: var(--second-color); - color: #fff; - text-align: center; - font-weight: var(--font-semi); - padding: 1rem 0; +.footer { + background-color: var(--second-color); + color: #fff; + text-align: center; + font-weight: var(--font-semi); + padding: 1rem 0; } -.footer__title{ - font-size: 2rem; - margin-bottom: var(--mb-4); +.footer__title { + font-size: 2rem; + margin-bottom: var(--mb-4); } -.footer__social{ - margin-bottom: var(--mb-4); +.footer__social { + margin-bottom: var(--mb-4); } -.footer__icon{ - font-size: 1.5rem; - color: #fff; - margin: 0 var(--mb-2) +.footer__icon { + font-size: 1.5rem; + color: #fff; + margin: 0 var(--mb-2); } /* ===== MEDIA QUERIES=====*/ -@media screen and (min-width: 768px){ - body{ - margin: 0; - } - .section{ - padding-top: 4rem; - padding-bottom: 3rem; - } - .section-title{ - margin-bottom: var(--mb-6); - } - .section-title::after{ - width: 80px; - top: 3rem; - } +@media screen and (min-width: 768px) { + body { + margin: 0; + } + .section { + padding-top: 4rem; + padding-bottom: 3rem; + } + .section-title { + margin-bottom: var(--mb-6); + } + .section-title::after { + width: 80px; + top: 3rem; + } - .nav{ - height: calc(var(--header-height) + 1rem); - } - .nav__list{ - display: flex; - padding-top: 0; - } - #nav__item{ - margin-left: var(--mb-6); - margin-bottom: 0; - } - .nav__toggle{ - display: none; - } - .nav__link{ - color: var(--second-color); - } + .nav { + height: calc(var(--header-height) + 1rem); + } + .nav__list { + display: flex; + padding-top: 0; + } + #nav__item { + margin-left: var(--mb-6); + margin-bottom: 0; + } + .nav__toggle { + display: none; + } + .nav__link { + color: var(--second-color); + } - .home{ - height: 100vh; - } - .home__data{ - align-self: flex-end; - } - .home__social{ - padding-top: 0; - padding-bottom: 2.5rem; - flex-direction: row; - align-self: flex-end; - } - .home__social-icon{ - margin-bottom: 0; - margin-right: var(--mb-4); - } - .home__img{ - width: 457px; - bottom: 15%; - } + .home { + height: 100vh; + } + .home__data { + align-self: flex-end; + } + .home__social { + padding-top: 0; + padding-bottom: 2.5rem; + flex-direction: row; + align-self: flex-end; + } + .home__social-icon { + margin-bottom: 0; + margin-right: var(--mb-4); + } + .home__img { + width: 457px; + bottom: 15%; + } - .about__container, .skills__container{ - grid-template-columns: repeat(2,1fr); - align-items: center; - text-align: initial; - } - .about__img img{ - width: 300px; - } - .work__container{ - grid-template-columns: repeat(3, 1fr); - /* grid-template-rows: repeat(3,1fr); */ - column-gap: 2rem; - - } - .contact__form{ - width: 360px; - } - .contact__container{ - justify-items: center; - } + .about__container, + .skills__container { + grid-template-columns: repeat(2, 1fr); + align-items: center; + text-align: initial; + } + .about__img img { + width: 300px; + } + .work__container { + grid-template-columns: repeat(3, 2fr); + /* grid-template-rows: repeat(3,1fr); */ + column-gap: 2rem; + } + .contact__form { + width: 360px; + } + .contact__container { + justify-items: center; + } } -@media screen and (min-width: 1024px){ - .bd-grid{ - margin-left: auto; - margin-right: auto; - } - .home__img{ - right: 10%; - } +@media screen and (min-width: 1024px) { + .bd-grid { + margin-left: auto; + margin-right: auto; + } + .home__img { + right: 10%; + } } diff --git a/assets/img/Capture.PNG b/assets/img/Capture.PNG deleted file mode 100644 index 7a81a55..0000000 Binary files a/assets/img/Capture.PNG and /dev/null differ diff --git a/assets/img/fav_ico.ico b/assets/img/fav_ico.ico deleted file mode 100644 index f56871a..0000000 Binary files a/assets/img/fav_ico.ico and /dev/null differ diff --git a/assets/img/favicon.png b/assets/img/favicon.png new file mode 100644 index 0000000..8352da8 Binary files /dev/null and b/assets/img/favicon.png differ diff --git a/assets/img/projects-img/Linkit.jpg b/assets/img/projects-img/Linkit.jpg new file mode 100644 index 0000000..09ee839 Binary files /dev/null and b/assets/img/projects-img/Linkit.jpg differ diff --git a/assets/img/projects-img/notes-app.jpg b/assets/img/projects-img/notes-app.jpg new file mode 100644 index 0000000..0fb21dc Binary files /dev/null and b/assets/img/projects-img/notes-app.jpg differ diff --git a/assets/img/projects-img/todo-list-app.jpg b/assets/img/projects-img/todo-list-app.jpg new file mode 100644 index 0000000..d6160b8 Binary files /dev/null and b/assets/img/projects-img/todo-list-app.jpg differ diff --git a/assets/img/projects-img/url-shortner.jpg b/assets/img/projects-img/url-shortner.jpg new file mode 100644 index 0000000..39c8a6f Binary files /dev/null and b/assets/img/projects-img/url-shortner.jpg differ diff --git a/assets/img/projects-img/weather-app.jpg b/assets/img/projects-img/weather-app.jpg new file mode 100644 index 0000000..1720bdf Binary files /dev/null and b/assets/img/projects-img/weather-app.jpg differ diff --git a/assets/img/work-1.jpg b/assets/img/projects-img/work-1.jpg similarity index 100% rename from assets/img/work-1.jpg rename to assets/img/projects-img/work-1.jpg diff --git a/assets/img/work-2.jpg b/assets/img/projects-img/work-2.jpg similarity index 100% rename from assets/img/work-2.jpg rename to assets/img/projects-img/work-2.jpg diff --git a/assets/img/work1.jpg b/assets/img/work1.jpg deleted file mode 100644 index 3fb9026..0000000 Binary files a/assets/img/work1.jpg and /dev/null differ diff --git a/assets/img/work2.jpg b/assets/img/work2.jpg deleted file mode 100644 index 0b08f51..0000000 Binary files a/assets/img/work2.jpg and /dev/null differ diff --git a/assets/img/work3.jpg b/assets/img/work3.jpg deleted file mode 100644 index 04d80f3..0000000 Binary files a/assets/img/work3.jpg and /dev/null differ diff --git a/assets/img/work4.jpg b/assets/img/work4.jpg deleted file mode 100644 index 8be1dec..0000000 Binary files a/assets/img/work4.jpg and /dev/null differ diff --git a/assets/img/work5.jpg b/assets/img/work5.jpg deleted file mode 100644 index ba69a78..0000000 Binary files a/assets/img/work5.jpg and /dev/null differ diff --git a/assets/img/work6.jpg b/assets/img/work6.jpg deleted file mode 100644 index b394745..0000000 Binary files a/assets/img/work6.jpg and /dev/null differ diff --git a/index.html b/index.html index fc7f3a3..e2a400e 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,34 @@ - + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -28,8 +54,9 @@
  • Home
  • About
  • Skills
    • -
  • Work
    • +
  • Projects
  • Contact
    • +
  • Blog
    • @@ -43,19 +70,18 @@
    -

    Hi,
    I'am Tejaswan
    Web & mobile -
    Developer

    +

    Hi,
    I'am Tejaswan
    Web Developer +

    - Scroll down ↓ + Download Resume
    -
    @@ -74,8 +100,8 @@

    About

    I'am Tejaswan

    -

    I am a computer science student at ellenki collage of engineering. - I am very passionate about app and web development I have very good skills in development

    +

    I am a computer science student at Ellenki college of engineering. + I am very passionate about web development. I have very good skills in development

    @@ -86,181 +112,227 @@

    Skills

    -

    Profesional Skills

    -

    skills are very importent for technique domain. Mostly development skills - are very importent as a software engineer check out my skills. +

    Technical Skills

    +

    skills are very important for technical domain. Mostly development skills + are very important as a software engineer.Check out my skills.

    - + HTML5
    -
    - -
    -
    - 95% -
    - + CSS3
    -
    - -
    -
    - 85% -
    - + JAVASCRIPT
    -
    - -
    -
    - 65% -
    - - UX/UI -
    -
    - -
    -
    - 85% + + REACT JS
    - - Android -
    -
    - + + NODE JS
    -
    - 50% +
    +
    +
    + + MONGODB
    - - - -
    +
    -

    Programming Languages

    - +

    Tools &
    Frameworks

    - - JAVA -
    -
    - -
    -
    - 80% + + NEXT JS
    - - PYTHON -
    -
    - -
    -
    - 85% + + TYPESCRIPT
    - - C PROGRAMMING -
    -
    - -
    -
    - 90% + + SASS
    - - C++ PROGRAMMING + + GIT
    -
    - +
    +
    +
    + + POSTGRESQL
    -
    - 65% +
    +
    +
    + + WINDOWS
    - - PHP + + LINUX
    -
    - +
    +
    + + + +
    +
    +

    Languages

    + +
    +
    + + JAVA +
    +
    + +
    +
    +
    +
    + + C++ +
    +
    + +
    +
    +
    +
    + + PYTHON +
    +
    + +
    -
    - 70% +
    +
    + + C PROGRAMMING +
    +
    + +
    +
    +
    +
    + + PHP +
    +
    + +
    -
    -
    +
    -

    Work

    +

    Projects

    - + +
    +
    +

    Linkit

    +
    +
    Users can store social media links and share there public link +
    + github link + project link +
    +
    + +
    +
    -

    Covid tracker

    +
    +

    Covid tracker

    +
    This website is used to track covid cases
    - github link + github link project link
    - +
    -

    news blog

    -
    This blog is created with wordpress and It is a tech news website
    - github link - project link +
    +

    Url shortner

    +
    +
    This website is used to shorten the long link
    + github link + project link
    - + +
    +
    +

    Todo list Web App

    +
    +
    This website is used to store todos
    + github link + project link +
    +
    @@ -275,8 +347,8 @@

    Contact

    --> -
    +
    @@ -298,7 +370,6 @@

    Contact

    - - +
    +
    +
    @@ -329,10 +403,11 @@

    Thanks for contacting me!