Skip to content

Upload My Portfolios as vikas-ukani.github.io folder inside PORTFLIO directory. #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions PORTFOLIO/vikas-ukani.github.io/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# personal-site
A Simple Website to make a reference company information website.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added PORTFOLIO/vikas-ukani.github.io/images/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added PORTFOLIO/vikas-ukani.github.io/images/logo1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added PORTFOLIO/vikas-ukani.github.io/images/user.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added PORTFOLIO/vikas-ukani.github.io/images/user1.jfif
Binary file not shown.
Binary file not shown.
Binary file added PORTFOLIO/vikas-ukani.github.io/images/user2.jfif
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
341 changes: 341 additions & 0 deletions PORTFOLIO/vikas-ukani.github.io/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,341 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>BEST CSS WEBSITE</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/v-favicon.png" type="image/gif" sizes="16x16">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"">

<link rel=" stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./style.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>

<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/typeit/5.10.5/typeit.js"></script> -->
<!-- <script src="jquery.typist.js"></script> -->


</head>

<body>


<section id="navbar">
<nav class="navbar navbar-expand-lg navbar-light ">
<a class="navbar-brand" href="#">
<img src="images/download.png" alt="Vikas">
<!-- <img src="images/vikas-ukani.jpg" alt="Vikas"> -->
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">HOME <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">SERVICES</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" href="#">TESTIMONIALS</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" href="#">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">CONTACT</a>
</li>
</ul>
</div>
</nav>
</section>

<!-- ---------------------- banner section----------------------------------- -->

<section id="banner">
<div class="container text-center">
<div class="row">
<div class="col-md-6 text-center">
<!-- <p class="promo-title">
<b style="color:#00ffe7">Vikas Ukani</b>
</p> -->
<p class="promo-title"> <span class="name"></span>. </p>
<script>
var typed = new Typed('.name', {
strings: [" UKANI ViKAS ", " <b style='color:#00ffe7'> Vikas Ukani</b>"],
typeSpeed: 100,
backDelay: 500,
startDelay: 1000,
showCursor: false,

});
</script>
<p>
Hello, I'm a <b class="text-dark post-name"></b>
<script>
var typed = new Typed('.post-name', {
strings: ["Frontend Developer.", "Full Stack Web-App Developer."],
typeSpeed: 50,
backDelay: 500,
startDelay: 1000,
showCursor: false,

});
</script>
<br />

<small>
I love playing around with code and hopefully develop something that makes people smile.
Currently working on
<b class="text-dark">PHP </b>,
<b class="text-dark"> Laravel</b>,
<b class="text-dark"> VueJs</b>,
<b class="text-dark"> AngularJS</b>,
<b class="text-dark"> ReactJS</b>
and <b class="text-dark">Python</b> Development at Surat, India.
</small>
</p>
<!-- Follow Me : -->
<!-- <a href="https://youtube.com" target="_blank"> -->
<!-- <a href="https://www.linkedin.com/in/vikas-ukani-a02499167/" target="_blank"> -->
<!-- <i class="fa fa-linkedin fa-2x"> -->
<!-- <img src="./images/social-icons/linkedin-button-logo.png" alt="" class="play-btn"> -->
<!-- <img src="images/play-youtube.png" alt="" class="play-btn"> -->
<!-- </a> -->

<div class="social-icons">
<b>FIND ME ON:</b> <a href="https://is.gd/YWhfM3">
<img src="images/social-icons/facebook.png" alt="">
</a>
<!-- <a href="https://is.gd/4v1JG4">
<img src="images/social-icons/instagram.png" alt="">
</a> -->
<a href="https://www.linkedin.com/in/vikas-ukani-a02499167/">
<img src="images/social-icons/linkedin-button-logo.png" alt="">
</a>
<a href="https://github.com/vikas-ukani/">
<img src="./images/social-icons/github.png">
</a>

<!-- <a href="">
<img src="images/social-icons/youtube.png" alt="">
</a> -->

<!-- <a href="">
<img src="images/social-icons/tweeter.png" alt="">
</a> -->
</div>
</div>
<div class="col-md-6 text-center metting-image">
<img src="images/vikas-ukani.jpg" class="img-thumbnail rounded-circle mt-5" alt="Vikas"
height="50%" width="80%" alt="">

<!-- <img src="images/metting2.jpg"> -->
<!-- <img src="images/metting2.jpg" height="100%" width="100%" alt="" class="img-flud "> -->
</div>
</div>
</div>
<img src="images/wawe-sample.png" height="100" class="bottom-img" alt="">
</section>

<!-- ---------------------------- Services sections -->
<section id="services">
<div class="container text-center">

<h1 class="title">WHAT WE DO?</h1>

<div class="row text-center">
<div class="col-md-4 services">
<img src="images/metting2.jpg" alt="" class="services-img">
<h4>Growth Marketing</h4>
<p>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!</p>
</div>
<div class="col-md-4 services">
<img src="images/metting2.jpg" alt="" class="services-img">
<h4>Growth Marketing</h4>
<p>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!</p>

</div>
<div class="col-md-4 services">
<img src="images/metting2.jpg" alt="" class="services-img">
<h4>Growth Marketing</h4>
<p>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!</p>

</div>
</div>
<button type="button" class="btn btn-primary">
ALL SERVICES

</button>
</div>
</section>

<!-- -------------------- About us -->

<section id="about-us">
<div class="container text-center">
<h1 class="title">
WHY CHOOSE US?
</h1>
</div>

<div class="row">
<div class="col-md-6 about-us">
<p class="about-title text-center">
WHY WE ARE DEFFERENT</p>
<ul class="">
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
</div>
<div class="col-md-6 text-center">
<img src="images/metting2.jpg" alt="" height="80%" width="80%" class="img-flud">
</div>
</div>

</section>


<!-- Testimonials -->
<section id="testimonials">
<h1 class="container">
<div class="title text-center">What CLENT SAY</div>
</h1>

<div class="row offset-1">

<div class="col-md-6 tedtimonials">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Commodi quae quaerat corrupti, sed blanditiis ad ratione placeat culpa deserunt hic?
</p>
<img src="images/user11.jfif" alt="">
<p class="user-details">
<b>
TEST USER
</b>
<br>
Co-founder by nonainfotech.
</p>
</div>

<div class="col-md-5 tedtimonials">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Commodi quae quaerat corrupti, sed blanditiis ad ratione placeat culpa deserunt hic?
</p>
<img src="images/user55.jfif" alt="">
<p class="user-details">
<b> TECH PROGRAMMER </b>
<br>
Co-founder by somanthakInfotech.
</p>
</div>
</div>
</section>



<!-- ---------------SOCIAL MEDIA SECTION -->
<section id="social-media">
<div class="container text-center">
<p>FIND ME ON SOCIAL MEDIA.</p>
<div class="social-icons">
<a href="https://is.gd/YWhfM3">
<img src="images/social-icons/facebook.png" alt="">
</a>
<a href="https://is.gd/4v1JG4">
<img src="images/social-icons/instagram.png" alt="">
</a>
<a href="https://is.gd/bJkNFT">
<img src="images/social-icons/linkedin-button-logo.png" alt="">
</a>
<!-- <a href="">
<img src="images/social-icons/whatsapp.png" alt="">
</a> -->
<a href="">
<img src="images/social-icons/youtube.png" alt="">
</a>
</a>
<a href="">
<img src="images/social-icons/tweeter.png" alt="">
</a>
</div>
</div>

</section>

<!-- ---------Footer section -->
<section id="footer">
<img src="images/wawe-sample - Copy.png" alt="" class="footer-img">
<div class="container">
<div class="row">
<div class="col-md-4 footer-box">
<img src="images/download.png" alt="Vikas">
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Non ab dolores quas provident, in
quasi!
</p>
</div>


<div class="col-md-4 footer-box">
<p><b>Contact Me.</b></p>
<div>Vikas Ukani.</div>
<i class="fa fa-envelope o"></i><span class="m-l-5">[email protected] </span> <br />
<i class="fa fa-phone"></i> 9909659030
<address>
<i class="fa fa-map-marker"></i>
Saragam Soc. ,<br />
Punagam, Surat,<br />
Gujarat.
</address>
</div>

<div class="col-md-4 footer-box">
<p><b>SUBSCRIBE NEWSLETTER</b></p>
<input type="email" name="" id="" placeholder="You Email" class="form-control">
<button type="button" class="btn btn-primary">Subscribe</button>
</div>
</div>

</div>
</section>





</body>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</html>
Loading