diff --git a/Sammon Babu/background.jpg b/Sammon Babu/background.jpg new file mode 100644 index 0000000..f13683a Binary files /dev/null and b/Sammon Babu/background.jpg differ diff --git a/Sammon Babu/image1.jpg b/Sammon Babu/image1.jpg new file mode 100644 index 0000000..84bb6f0 Binary files /dev/null and b/Sammon Babu/image1.jpg differ diff --git a/Sammon Babu/image2.jpg b/Sammon Babu/image2.jpg new file mode 100644 index 0000000..a8c6bdc Binary files /dev/null and b/Sammon Babu/image2.jpg differ diff --git a/Sammon Babu/index.html b/Sammon Babu/index.html new file mode 100644 index 0000000..5822ad2 --- /dev/null +++ b/Sammon Babu/index.html @@ -0,0 +1,274 @@ + + + SAMMON BABU + + + + + + + + + + + + + + +
+ + +
+
+
+ +
+
+

WHO AM I ?

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, + It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged +

+
+

Adobe Photoshop

+
+
80% + +
+
+

PHP

+
+
85% + +
+
+

Java

+
+
70% + +
+
+

HTML

+
+
80% + +
+
+ +
+
+
+
+ +
+ +
+ +
+
+
+
+

My Experiences

+
    +
  • 2018 - Front End Developer

    +

    + Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, + It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged
    + Company - XYZ Company Pvt Ltd
    + Duration - 1 yr [2017 to 2018]
    + Llocation - Kochi India
    +

    +
  • +
  • 2018 - Front End Developer

    +

    + Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, + It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged
    + Company - XYZ Company Pvt Ltd
    + Duration - 1 yr [2017 to 2018]
    + Llocation - Kochi India
    +

    +
  • +
  • 2018 - Front End Developer

    +

    + Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, + It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged
    + Company - XYZ Company Pvt Ltd
    + Duration - 1 yr [2017 to 2018]
    + Llocation - Kochi India
    +

    +
  • +
+
+ +
+

My Education

+
    +
  • 2020 - Bachelor of Computer Application

    +

    + Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, + It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged
    + Institute - Shermount College,Erumely
    + Session - 2017 -2020
    + Aggragate - 63%
    +

    +
  • +
  • 2018 - Intermediate (HSC)

    +

    + Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, + It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged
    + Institute - Shermount College,Erumely
    + Session - 2017 -2020
    + Aggragate - 63%
    +

    +
  • +
  • 2018 - High School(SSLC)

    +

    + Lorem Ipsum is simply dummy text of the printing and typesetting industry. + Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, + It has survived not only five centuries, but also the leap into electronic typesetting, + remaining essentially unchanged
    + Institute - Shermount College,Erumely
    + Session - 2017 -2020
    + Aggragate - 63%
    +

    +
  • +
+
+
+
+
+ + +
+
+

My Offered Services

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

+
+
+
+ Graphics +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. +

+ +
+
+
+
+ Markrting +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. +

+ +
+
+
+
+ Development +

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+ Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. +

+ +
+
+
+
+
+ + +
+
+

Contact Me

+

+ Lorem Ipsum is simply dummy text of the printing and typesetting industry.
+Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. +

+
+
+ +

+91 7025630503

+
+
+ +

sambmon@gmail.com

+
+
+ +

www.sammon.in

+
+
+ + +
+ +
+ + +
+ + + + + + diff --git a/Sammon Babu/logo.png b/Sammon Babu/logo.png new file mode 100644 index 0000000..3d568f5 Binary files /dev/null and b/Sammon Babu/logo.png differ diff --git a/Sammon Babu/profile.jpg b/Sammon Babu/profile.jpg new file mode 100644 index 0000000..f6e8396 Binary files /dev/null and b/Sammon Babu/profile.jpg differ diff --git a/Sammon Babu/resume.css b/Sammon Babu/resume.css new file mode 100644 index 0000000..a4e337e --- /dev/null +++ b/Sammon Babu/resume.css @@ -0,0 +1,334 @@ +html +{ + scroll-behavior: smooth; +} + +body +{ +margin: 0; +padding: 0; +font-family: sans-serif; +} +/*--------------------Header C S S---------------------------------------*/ +#header +{ + height: 100vh; + background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(image2.jpg); + background-position: center; + background-size: cover; + background-attachment: fixed; + +} +.user-box +{ + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + position: absolute; +} +.user-box img +{ + border-radius: 50%; + width: 250px; + border: 2px solid #8B4513; + +} +.user-box h1 +{ + color: #fff; + font-weight: bold; + margin: 10px; +} +.user-box p +{ + color: #fff; + +} +.scroll-btn +{ + + bottom: 30px; + position: absolute; + left: 50%; + transform: translateX(-50%); + border: 2px solid #fff; + padding: 10px 10px 20px; + border-radius: 30px; + +} +.scroll-bar span +{ + border: 2px solid #fff; + font-size: 10px; + border-radius: 30px; +} +.scroll-bar +{ + animation: mover 1s infinite alternate; +} +@keyframes mover +{ + 0%{transform: translateY(0);} + 100%{transform: translateY(10px);} +} +/*--------about---------*/ +.about +{ + padding-top: 100px; + margin-bottom: -130px; +} +.profile-img +{ + height: 400px; + +} +.nav-bar +{ + top: 0; + position: sticky; + z-index: 2; + +} +.navbar +{ + background-color: #000; + +} +.navbar-brand img +{ + height: 50px; +} +.nav-bar .fa-bars +{ + font-size: 35px; + color:#fff; +} +.navbar-toggler +{ + outline: none !important; + +} +.navbar-nav +{ + float: right; + text-align: right; + +} +.nav-link +{ + color: #fff !important; +} +.skills-bar p +{ + margin-bottom: 6px; + font-weight: 600; +} +.progress +{ + border-radius: 16px; + margin-bottom: 10px; +} +.progress-bar +{ + border-radius: 16px; + background: #000 !important; +} +/* -------------------resume--------------------- */ +.resume +{ + margin-top: -50px; + padding-top: 50px; + padding-bottom: 30px; + background: #f9f9f9; +} +.resume h3{ + margin-bottom: 50px; +} +.timeline +{ + list-style-type: none; + position: relative; + +} +.timeline:before +{ + content: ''; + background: #555; + display: inline-block; + position: absolute; + left: 29px; + width: 2px; + height: 100%; + z-index: 1; +} +.timeline li{ + margin-top: 20px; + margin-bottom: 20px; + margin-left: 20px; + background: #fff; +} +.timeline li h4{ + + background-color: #000; + padding: 5px 0 5px 20px; + color: #fff; + font-size: 15px; + +} +.timeline li h4 span{ + font-weight: bold; + color: #ccc; + + +} +.timeline li::before +{ + content: ''; + background: #fff; + display: inline-block; + position: absolute; + border-radius: 50%; + border: 3px solid #000; + left: 20px; + width: 20px; + height: 20px; + z-index: 1; +} +/*-------------Services---------------*/ +.services +{ + padding-top: 50x; + padding-bottom: 50px; + +} +.services h1{ + margin-bottom: 15px; + +} +.services-box +{ + background: #f9f9f9; + padding: 10px; + margin-top: 20px; + border-top-right-radius: 50px; + border-top-left-radius: 50px; +} +.services-box .fa{ + margin: 0 10px; + font-size: 20px; +} +.services-box span +{ + margin:3px; + font-size: 20px; + font-weight: bold; +} +.services-box p{ + font-size: 15px; + margin-top: 20px; + color: #777; + +} +.services-box:hover +{ + background: #000; + color: #fff; + border-top-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 50px; + border-bottom-right-radius: 50px; + transition: 1s; +} +.services-box:hover p +{ + color: #fff; +} +/*-------------------contact--------------------------*/ +.contact +{ + padding-top: 50px; + background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(background.jpg); + background-position: center; + background-size: cover; + background-attachment: fixed; + color:#fff; + +} +.contact .row +{ + padding: 30px 0; + font-size: 22px; + +} +.contact .col-md-4 .fa{ + padding: 10px; + font-size: 40px; +} +.contact .btn{ + padding: 10px 25px 10px 25px; + margin: 5px; + border-radius: 30px; + border: 2px solid #fff; + background: transparent; + +} +.contact .btn:focus +{ + box-shadow: none !important; + +} +.contact .btn:hover +{ + border: 2px solid #000 !important; + background: #000 !important; + transition: 1s; + +} +.contact .btn .fa{ + margin: 10px; +} +.footer +{ + background: #000; + height: 50px; + margin-top: 50px; + color: #fff; + padding-top: 10px; + +} +.fa-heart-o +{ + color: red; +} +/*--------------------icons------------------*/ +.social-icons +{ + top: 50%; + transform: translateY(-50%); + position: sticky; + z-index: 1; + width: 80px; + ; +} +.social-icons ul +{ + padding: initial; +} +.social-icons ul li +{ + height: 40px; + width: 40px; + list-style-type: none; + padding-left: 12x; + padding-top: 6px; + margin-top: 5px; + color:#fff; + background:#000; +} +.social-icons ul li:hover +{ + padding-left: 30px; + width: 80px; + transition: 1s; + +}