diff --git a/PORTFOLIO/vikas-ukani.github.io/README.md b/PORTFOLIO/vikas-ukani.github.io/README.md new file mode 100644 index 0000000..073516e --- /dev/null +++ b/PORTFOLIO/vikas-ukani.github.io/README.md @@ -0,0 +1,2 @@ +# personal-site +A Simple Website to make a reference company information website. diff --git a/PORTFOLIO/vikas-ukani.github.io/images/download.png b/PORTFOLIO/vikas-ukani.github.io/images/download.png new file mode 100644 index 0000000..77f0147 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/download.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/logo.png b/PORTFOLIO/vikas-ukani.github.io/images/logo.png new file mode 100644 index 0000000..ed96b82 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/logo.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/logo1.png b/PORTFOLIO/vikas-ukani.github.io/images/logo1.png new file mode 100644 index 0000000..498fa49 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/logo1.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/metting.jpg b/PORTFOLIO/vikas-ukani.github.io/images/metting.jpg new file mode 100644 index 0000000..cff6447 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/metting.jpg differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/metting2.jpg b/PORTFOLIO/vikas-ukani.github.io/images/metting2.jpg new file mode 100644 index 0000000..4d8f12e Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/metting2.jpg differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/play-youtube.png b/PORTFOLIO/vikas-ukani.github.io/images/play-youtube.png new file mode 100644 index 0000000..97bd75c Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/play-youtube.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/sample-logo.jpg b/PORTFOLIO/vikas-ukani.github.io/images/sample-logo.jpg new file mode 100644 index 0000000..633bc46 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/sample-logo.jpg differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/facebook.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/facebook.png new file mode 100644 index 0000000..14d5f18 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/facebook.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/github.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/github.png new file mode 100644 index 0000000..015f048 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/github.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/instagram.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/instagram.png new file mode 100644 index 0000000..da645b7 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/instagram.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/linkedin-button-logo.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/linkedin-button-logo.png new file mode 100644 index 0000000..3eb7623 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/linkedin-button-logo.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/tweeter.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/tweeter.png new file mode 100644 index 0000000..813b6d2 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/tweeter.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/user.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/user.png new file mode 100644 index 0000000..46fb6f0 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/user.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/whatsapp.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/whatsapp.png new file mode 100644 index 0000000..42d6c31 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/whatsapp.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/social-icons/youtube.png b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/youtube.png new file mode 100644 index 0000000..97bd75c Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/social-icons/youtube.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user.png b/PORTFOLIO/vikas-ukani.github.io/images/user.png new file mode 100644 index 0000000..46fb6f0 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user1.jfif b/PORTFOLIO/vikas-ukani.github.io/images/user1.jfif new file mode 100644 index 0000000..5e9c934 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user1.jfif differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user11.jfif b/PORTFOLIO/vikas-ukani.github.io/images/user11.jfif new file mode 100644 index 0000000..d076ce6 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user11.jfif differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user2.jfif b/PORTFOLIO/vikas-ukani.github.io/images/user2.jfif new file mode 100644 index 0000000..e36804a Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user2.jfif differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user22.jfif b/PORTFOLIO/vikas-ukani.github.io/images/user22.jfif new file mode 100644 index 0000000..f754d8d Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user22.jfif differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user33.jfif b/PORTFOLIO/vikas-ukani.github.io/images/user33.jfif new file mode 100644 index 0000000..07d280f Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user33.jfif differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user44.jfif b/PORTFOLIO/vikas-ukani.github.io/images/user44.jfif new file mode 100644 index 0000000..132d10d Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user44.jfif differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/user55.jfif b/PORTFOLIO/vikas-ukani.github.io/images/user55.jfif new file mode 100644 index 0000000..f1af20f Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/user55.jfif differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/v-favicon.png b/PORTFOLIO/vikas-ukani.github.io/images/v-favicon.png new file mode 100644 index 0000000..a3a52c1 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/v-favicon.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/vikas-ukani.jpg b/PORTFOLIO/vikas-ukani.github.io/images/vikas-ukani.jpg new file mode 100644 index 0000000..f7d7231 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/vikas-ukani.jpg differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/wawe-sample - Copy.png b/PORTFOLIO/vikas-ukani.github.io/images/wawe-sample - Copy.png new file mode 100644 index 0000000..3771cf9 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/wawe-sample - Copy.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/images/wawe-sample.png b/PORTFOLIO/vikas-ukani.github.io/images/wawe-sample.png new file mode 100644 index 0000000..3771cf9 Binary files /dev/null and b/PORTFOLIO/vikas-ukani.github.io/images/wawe-sample.png differ diff --git a/PORTFOLIO/vikas-ukani.github.io/index.html b/PORTFOLIO/vikas-ukani.github.io/index.html new file mode 100644 index 0000000..ac15308 --- /dev/null +++ b/PORTFOLIO/vikas-ukani.github.io/index.html @@ -0,0 +1,341 @@ + + + + + + + + BEST CSS WEBSITE + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +

WHAT WE DO?

+ +
+
+ +

Growth Marketing

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint ipsum nihil excepturi sunt + labore + perferendis dolorem eius nesciunt vero distinctio, ipsa quae. Aperiam temporibus nostrum + fuga + deleniti magnam facilis, neque voluptatem dolore dolores quo aliquam, sapiente nihil et sunt + nobis dolorem minima quibusdam esse corporis doloribus aliquid quisquam a? Maiores!

+
+
+ +

Growth Marketing

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint ipsum nihil excepturi sunt + labore + perferendis dolorem eius nesciunt vero distinctio, ipsa quae. Aperiam temporibus nostrum + fuga + deleniti magnam facilis, neque voluptatem dolore dolores quo aliquam, sapiente nihil et sunt + nobis dolorem minima quibusdam esse corporis doloribus aliquid quisquam a? Maiores!

+ +
+
+ +

Growth Marketing

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint ipsum nihil excepturi sunt + labore + perferendis dolorem eius nesciunt vero distinctio, ipsa quae. Aperiam temporibus nostrum + fuga + deleniti magnam facilis, neque voluptatem dolore dolores quo aliquam, sapiente nihil et sunt + nobis dolorem minima quibusdam esse corporis doloribus aliquid quisquam a? Maiores!

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

+ WHY CHOOSE US? +

+
+ +
+
+

+ WHY WE ARE DEFFERENT

+
    +
  • Lorem ipsum dolor sit amet.
    • +
  • Lorem ipsum dolor sit amet.
    • +
  • Lorem ipsum dolor sit amet.
    • +
  • Lorem ipsum dolor sit amet.
    • +
  • Lorem ipsum dolor sit amet.
    • +
  • Lorem ipsum dolor sit amet.
    • +
+
+
+ +
+
+ +
+ + + +
+

+
What CLENT SAY
+

+ +
+ +
+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Commodi quae quaerat corrupti, sed blanditiis ad ratione placeat culpa deserunt hic? +

+ +

+ + TEST USER + +
+ Co-founder by nonainfotech. +

+
+ +
+

+ Lorem ipsum dolor sit, amet consectetur adipisicing elit. + Commodi quae quaerat corrupti, sed blanditiis ad ratione placeat culpa deserunt hic? +

+ +

+ TECH PROGRAMMER +
+ Co-founder by somanthakInfotech. +

+
+
+
+ + + + +
+
+

FIND ME ON SOCIAL MEDIA.

+ +
+ +
+ + + + + + + + + + + + + \ No newline at end of file diff --git a/PORTFOLIO/vikas-ukani.github.io/style.css b/PORTFOLIO/vikas-ukani.github.io/style.css new file mode 100644 index 0000000..6d4a3b5 --- /dev/null +++ b/PORTFOLIO/vikas-ukani.github.io/style.css @@ -0,0 +1,503 @@ +*{ + padding: 0px; + margin: 0px; +} +html, body { + max-width: 100%; + min-width: 100%; + + width: 100% !important ; + font-family: sans-serif; +} +body::-webkit-scrollbar{ + display: none; + } + +#navbar{ + box-shadow: 0px 3px 40px blue!important; + position: sticky; + top: 0; + z-index: 10; +} +.navbar{ + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + padding: 0 !important; +} +.navbar-brand img{ + height: 60px; + padding-left: 20px; +} +.navbar-nav li{ + padding: 0 10px; +} +.navbar-nav li a{ + float: right; + text-align: left; + color: white !important; + font-weight: 700; + font-size: 15px !important; + text-transform: uppercase +} +.fa-bars{ + color: white; + font-size: 30px !important; +} +.navbar-toggler{ + margin-right: 30px !important; + outline: none !important; +} + + +/* **************************** banner section */ +#banner{ + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + color: white; + padding-top: 2%; +} +.promo-title{ + font-size: 40px; + font-weight: 600; + margin-top: 100px; + text-transform: uppercase; +} +.play-btn{ + width: 45px; + margin: 20px; +} +#banner a{ + color: white; + text-decoration: none; + +} +.metting-image{ + margin-bottom: 20px !important; +} +.bottom-img{ + width: 100%; + +} + +/* ******************** Services section */ +#services{ + padding: 80px 0px; +} +.services-img{ + width: 100px; + margin-left: 20px; +} +.services{ + padding: 20px; +} +.services h4{ + padding: 5px; + margin-top: 25px; + text-transform: uppercase; +} +.title::before{ + content: ''; + background: #3160fa; + height: 5px; + width: 200px; + margin-left: auto; + margin-right: auto; + display: block; + transform: translateY(63px ); + +} +.title::after{ + content: ''; + background: #0004ffc4; + height: 10px; + width: 50px; + margin-left: auto; + margin-bottom: 40px; + margin-right: auto; + display: block; + transform: translateY(7.5px ); +} +.btn-primary{ + text-align: center; + box-shadow: none; + padding: 8px 25px; + border: none; + border-radius: 20px; + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); +} + + + +/* *************about-us section */ +#about-us{ + background: #f8f9fa; + padding-bottom: 50px; + padding-top: 50px; + +} +#about-us ul li{ + margin: 10px 0; +} +#about-us ul{ + margin-left: 25%; +} + +.about-title{ + font-size: 30px; + font-weight: 500; + margin-top: 8% ; +} + + +/* ************** Testimonials sections *****************************/ +#testimonials{ + margin: 50px 0; + + +} +.tedtimonials{ + border-left: 4px solid #5557fc; + margin-top: 50px; + margin-bottom: 50px; + +} +.tedtimonials img{ + height: 60px; + width: 60px; + border-radius: 50px; + margin: 0px 10px; +} +.user-details{ + display: inline-block; + font-size: 12px; +} + +/* *********************** social-media ************* */ +#social-media{ + background-color: #f8f9fa; + padding: 100px 0; + +} +#social-media p{ + font-size: 36px; + font-weight: 600; + margin-bottom: 30px; +} + +.social-icons img{ + height: 40px; + transition: 0.7s; + margin: 10px 10px; + width: 50px; +} + +.social-icons:last-child a:hover img{ + transform: translateY(-10px) +} + +/* ----------FOOTER Sections */ +#footer{ + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + color: white; +} +.footer-img{ + width: 100%; + transform: rotate(180deg); + height: 100px; +} +.footer-box{ + padding: 20px; +} +.footer-box img{ + width: 120px; + margin: 20px; +} +.m-l-5{ + margin-left: 5px; +} +.footer-box .fa{ + margin-right: 8px; + font-size: 25px; + height: 40px; + width: 50px; + text-align: center; + padding: 10px; + border-radius: 2px; + /* background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); */ +} +.footer-box span{ + text-align: left; + +} + +.footer-box .form-control{ + box-shadow: none !important; + border: none; + border-radius: 0; + margin-top: 25px; + max-width: 250px ; +} + +.footer-box .btn-primary{ + box-shadow: none !important; + border: none; + border-radius: 1; + margin-top: 30px; + padding: 10px 15px !important; + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); +<<<<<<< HEAD +} +======= +} + + + + +/** VKAS */ + *{ + padding: 0px; + margin: 0px; + } + html, body { + max-width: 100%; + min-width: 100%; + + width: 100% !important ; + font-family: sans-serif; + } + body::-webkit-scrollbar{ + display: none; + } + + #navbar{ + box-shadow: 0px 3px 40px blue!important; + position: sticky; + top: 0; + z-index: 10; + } + .navbar{ + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + padding: 0 !important; + } + .navbar-brand img{ + height: 60px; + padding-left: 20px; + } + .navbar-nav li{ + padding: 0 10px; + } + .navbar-nav li a{ + float: right; + text-align: left; + color: white !important; + font-weight: 700; + font-size: 15px !important; + text-transform: uppercase + } + .fa-bars{ + color: white; + font-size: 30px !important; + } + .navbar-toggler{ + margin-right: 30px !important; + outline: none !important; + } + + + /* **************************** banner section */ + #banner{ + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + color: white; + padding-top: 2%; + } + .promo-title{ + font-size: 40px; + font-weight: 600; + margin-top: 100px; + text-transform: uppercase; + } + .play-btn{ + width: 45px; + margin: 20px; + } + #banner a{ + color: white; + text-decoration: none; + + } + .metting-image{ + margin-bottom: 20px !important; + } + .bottom-img{ + width: 100%; + + } + + /* ******************** Services section */ + #services{ + padding: 80px 0px; + } + .services-img{ + width: 100px; + margin-left: 20px; + } + .services{ + padding: 20px; + } + .services h4{ + padding: 5px; + margin-top: 25px; + text-transform: uppercase; + } + .title::before{ + content: ''; + background: #3160fa; + height: 5px; + width: 200px; + margin-left: auto; + margin-right: auto; + display: block; + transform: translateY(63px ); + + } + .title::after{ + content: ''; + background: #0004ffc4; + height: 10px; + width: 50px; + margin-left: auto; + margin-bottom: 40px; + margin-right: auto; + display: block; + transform: translateY(7.5px ); + } + .btn-primary{ + text-align: center; + box-shadow: none; + padding: 8px 25px; + border: none; + border-radius: 20px; + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + } + + + + /* *************about-us section */ + #about-us{ + background: #f8f9fa; + padding-bottom: 50px; + padding-top: 50px; + + } + #about-us ul li{ + margin: 10px 0; + } + #about-us ul{ + margin-left: 25%; + } + + .about-title{ + font-size: 30px; + font-weight: 500; + margin-top: 8% ; + } + + + /* ************** Testimonials sections *****************************/ + #testimonials{ + margin: 50px 0; + + + } + .tedtimonials{ + border-left: 4px solid #5557fc; + margin-top: 50px; + margin-bottom: 50px; + + } + .tedtimonials img{ + height: 60px; + width: 60px; + border-radius: 50px; + margin: 0px 10px; + } + .user-details{ + display: inline-block; + font-size: 12px; + } + + /* *********************** social-media ************* */ + #social-media{ + background-color: #f8f9fa; + padding: 100px 0; + + } + #social-media p{ + font-size: 36px; + font-weight: 600; + margin-bottom: 30px; + } + + .social-icons img{ + height: 40px; + transition: 0.7s; + margin: 10px 10px; + width: 50px; + } + + .social-icons:last-child a:hover img{ + transform: translateY(-10px) + } + + /* ----------FOOTER Sections */ + #footer{ + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + color: white; + } + .footer-img{ + width: 100%; + transform: rotate(180deg); + height: 100px; + } + .footer-box{ + padding: 20px; + } + .footer-box img{ + width: 120px; + margin: 20px; + } + .m-l-5{ + margin-left: 5px; + } + .footer-box .fa{ + margin-right: 8px; + font-size: 25px; + height: 40px; + width: 50px; + text-align: center; + padding: 10px; + border-radius: 2px; + /* background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); */ + } + .footer-box span{ + text-align: left; + + } + + .footer-box .form-control{ + box-shadow: none !important; + border: none; + border-radius: 0; + margin-top: 25px; + max-width: 250px ; + } + + .footer-box .btn-primary{ + box-shadow: none !important; + border: none; + border-radius: 1; + margin-top: 30px; + padding: 10px 15px !important; + background-image: linear-gradient(to right, rgb(76, 146, 252), #3134fa); + } + + +>>>>>>> 4460eb60609d6cd222cb675760f8c7e35b9a1dbb