Portfolio
<title>Vimu-Port</title><link rel="stylesheet" href="color/color1.css" class="alternate-style" title="color1" disabled>
<link rel="stylesheet" href="color/color2.css" class="alternate-style" title="color2" disabled>
<link rel="stylesheet" href="color/color3.css" class="alternate-style" title="color3" disabled>
<link rel="stylesheet" href="color/color4.css" class="alternate-style" title="color4" disabled>
<link rel="stylesheet" href="color/color5.css" class="alternate-style" title="color5" disabled>
<link rel="stylesheet" href="js/style-switcher.css">
<!--=== Main container Start ===-->
<div class="main-container">
<div class="aside">
<div class="logo">
<a href="http://github.com/vimugithub" target="_blank"><span>V</span>imu</a></div>
<div class="main-content"></div>
<section class="home section" id="home">
<div class="container">
<div class="row">
<div class="row">
<div class="home-info padd-15">
<h3 class="hello">Hello, My name is <span>Vimal Kumar</span></h3>
<h3 class="my-profession">I'm a <span class="typing">IBM Trainee</span></h3>
<p>I'm a IBM Trainee. My expertise is to
create and website design, graphic design, photograph website and many more...
</p>
<a href="#contect" class="btn hire-me">Hire-me</a>
</div>
<div class="home-img padd-15">
<img src="img/vi2.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about section" id="about">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>About Me</h2>
</div>
</div>
<div class="row">
<div class="about-content padd-15">
<div class="row">
<div class="about-text padd-15">
<h3>I'm Vimu and <span>IBM Trainee</span></h3>
<p>Our clients systems support modern society. In making them faster, more productive, and more secure, we don't just make business work better.
We make the world work better.<b>"The art of life is to know how to enjoy a little and to endure very much."</b> </p>
</div>
</div>
<div class="row">
<div class="personal-info padd-15">
<div class="row">
<div class="info-item padd-15">
<p>Birthday : <span>19 Feb 1999</span></p>
</div>
<div class="info-item padd-15">
<p>Age : <span>23</span></p>
</div>
<div class="info-item padd-15">
<p>Website : <span>www.domain.com </span></p>
</div>
<div class="info-item padd-15">
<p>Email : <span>vimugithub19@gmail.com</span></p>
</div>
<div class="info-item padd-15">
<p>Degree : <span>COMPUTER SCIENCE</span></p>
</div>
<div class="info-item padd-15">
<p>Phone : <span>+91 708 882 8858</span></p>
</div>
<div class="info-item padd-15">
<p>City : <span>INDIA</span></p>
</div>
<div class="info-item padd-15">
<p>Freelnace : <span>Available</span></p>
</div>
<div class="info-item padd-15">
<p>Linkedin : <span>www.linkedin.com/in/vimal-2413b51b1</span></p>
</div>
<div class="info-item padd-15">
<p>Github : <span>http://github.com/vimugithub</span></p>
</div>
</div>
<div class="row">
<div class="buttons padd-15">
<a href="img/resume.pdf" class="btn" download>Download CV</a>
<a href="#contact" class="btn hire-me">Hire Me</a>
</div>
</div>
</div>
<div class="skills padd-15">
<div class="row">
<div class="skills-item padd-15">
<h5>Microsoft Office</h5>
<div class="progress">
<div class="progress-in" style="width: 95%;"></div>
<div class="skills-percent">95%</div>
</div>
</div>
<div class="skills-item padd-15">
<h5>Database</h5>
<div class="progress">
<div class="progress-in" style="width: 90%;"></div>
<div class="skills-percent">90%</div>
</div>
</div>
<div class="skills-item padd-15">
<h5>HTML</h5>
<div class="progress">
<div class="progress-in" style="width: 85%;"></div>
<div class="skills-percent">85%</div>
</div>
</div>
<div class="skills-item padd-15">
<h5>CSS</h5>
<div class="progress">
<div class="progress-in" style="width: 82%;"></div>
<div class="skills-percent">82%</div>
</div>
</div>
<div class="skills-item padd-15">
<h5>JavaScript</h5>
<div class="progress">
<div class="progress-in" style="width: 90%;"></div>
<div class="skills-percent">90%</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="education padd-15">
<h3 class="title">Education</h3>
<div class="row">
<div class="timeline-box padd-15">
<div class="timeline shadow-dark">
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2017 - 2020
</h3>
<h4 class="timeline-title">Bachelor of Commerce</h4>
<p class="timeline-text">Bachelor of Commerce is a programme that equips students with an in-depth knowledge of
the field of commerce pertaining to the areas in which they choose to specialise.
Candidates are trained in the particular fields of their choice
so that they gain proper knowledge and are capable of putting it to practical use...</p>
</div>
<!-- === Timeline items === -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2020 - 2022
</h3>
<h4 class="timeline-title">Bachelor of Education</h4>
<p class="timeline-text">Bachelor of Education or more commonly referred to as
B.Ed is a bachelor's degree program that can be pursued by students from Arts, Commerce, as well as Science stream.
This program has different connotations in India and abroad...</p>
</div>
<!-- === Timeline items === -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2022 - Continues...
</h3>
<h4 class="timeline-title"> Advanced Diploma in IBM</h4>
<p class="timeline-text">This Course has been developed with a clearly defined objective will help
the students the most to enhance the employability and create industry pathways for students by
helping them to start their own enterprise in cloud maintenance or computer hardware maintenance.
Alternatively, students can apply for jobs in Industry as system technician,
cloud developer, web designer and trainers</p>
</div>
</div>
</div>
</div>
</div>
<div class="experience padd-15">
<h3 class="title">Experience</h3>
<div class="row">
<div class="timeline-box padd-15">
<div class="timeline shadow-dark">
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2017 - 2020
</h3>
<h4 class="timeline-title">About Commerce</h4>
<p class="timeline-text">Commerce is the large-scale organized system of activities, functions, procedures and institutions directly and indirectly related to the exchange (buying and selling) of goods and services among two or more parties within local, regional, national or international economies.<br><br></p>
</div>
<!-- === Timeline items === -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2020 - 2022
</h3>
<h4 class="timeline-title">About B.ed</h4>
<p class="timeline-text">Pursuing a B. Ed. course not only teaches you to inculcate good teaching skills but also how to the work in the administrative aspect of an education system. The course curriculum teaches prospective teachers how to play their part in making a healthy education structure.</p>
</div>
<!-- === Timeline items === -->
<div class="timeline-item">
<div class="circle-dot"></div>
<h3 class="timeline-date">
<i class="fa fa-calendar"></i> 2022 - Continues...
</h3>
<h4 class="timeline-title"> About ADIT-IBM</h4>
<p class="timeline-text">IBM is one of the world's largest IT companies, with operations in over 170 countries. IBM is known for its hardware and software products, including computers, servers, storage systems and networking equipment.<br><br><br><br></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="service section" id="service">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>Services</h2>
</div>
</div>
<div class="row">
<a href="https://wix.com/" target="_blank" class="service-item padd-15">
<div >
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-mobile-alt"></i>
</div>
<h4>Web Design</h4>
<p>Web design is a multi-disciplinary job, where you'd need not only knowledge in design (typography, color theory) but also skills in developing a website (HTML, CSS, JavaScript). <br><br></p>
</div>
</div>
</a>
<a href="https://bytescout.com/" target="_blank" class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-laptop-code"></i>
</div>
<h4>Laptop-code</h4>
<p>Most laptops made by major companies that have been made after 2014 will be amazing for beginning programming, and for a first language, I'd suggest Python. <br><br></p>
</div>
</a>
<a href="https://www.javatpoint.com" target="_blank" class="service-item padd-15" >
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-code"></i>
</div>
<h4>Coding</h4>
<p>Coding, sometimes called computer programming, is how we communicate with computers. Code tells a computer what actions to take, and writing code is like creating a set of instructions.</p>
</div>
</a>
<a a href="https://html-color.codes/" target="_blank" class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-palette"></i>
</div>
<h4>Color-code</h4>
<p>Easily find HTML color codes for your website using our color picker, color chart and HTML color names with Hex color codes, RGB and HSL values.<br><br></p>
</div>
</a>
<a href="https://www.canva.com/create/portfolios/" target="_blank" class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-search"></i>
</div>
<h4>Search</h4>
<p>A portfolio is a compilation of academic and professional materials that exemplifies your beliefs, skills, qualifications, education, training, and experiences. It provides insight into your personality and work ethic.</p>
</div>
</a>
<a href="https://www.instagram.com/tkd_vimu_219/" target="_blank" class="service-item padd-15">
<div class="service-item-inner">
<div class="icon">
<i class="fa fa-bullhorn"></i>
</div>
<h4>Comments</h4>
<p>Have an any query ? <br> Please visit our comments section to tap here simply you go our pages.
Thank you so much for visit here.<br><br></p>
</div>
</a>
</div>
</div>
</section>
<section class="portfolio section" id="portfolio">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>Portfolio</h2>
</div>
</div>
<div class="row">
<div class="portfolio-heading padd-15">
<h2>My First Works :</h2>
</div>
</div>
<div class="row">
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="img/portf1.png" alt="">
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="img/portf12.png" alt="">
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="img/portf13.png" alt="">
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="img/portf11.png" alt="">
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="img/portf15.png" alt="">
</div>
</div>
</div>
<div class="portfolio-item padd-15">
<div class="portfolio-item-inner shadow-dark">
<div class="portfolio-img">
<img src="img/portf16.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact section" id="contact">
<div class="container">
<div class="row">
<div class="section-title padd-15">
<h2>Connect with Vimu</h2>
</div>
</div>
<h3 class="contact-title padd-15">Have You Any Query ?</h3>
<h4 class="contact-sub-title padd-15">I'M HERE FOR YOU </h4>
<div class="row">
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-phone"></i></div>
<h4>Call Us On</h4>
<p>+91 7088828888</p>
</div>
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-map-marker-alt"></i></div>
<h4>Place</h4>
<p>NSTI KANPUR</p>
<a href="https://goo.gl/maps/hQSdcrZji4s8kAF8A" target="_blanks">Location</a>
</div>
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-envelope"></i></div>
<h4>Email</h4>
<a href="http://vimugithub19@gmail.com" target="_blank">Email.com</a>
</div>
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-globe-europe"></i></div>
<h4>Github</h4>
<a href="http://github.com/vimugithub" target="_blank">Vimugithub</a>
</div>
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-twitter"></i></div>
<h4>Twitter</h4>
<a href="https://twitter.com/vimalku53998597?t=atYbw3ii5_VK8Nq57NEZYQ&s=09" target="_blank">www.Twitter.com</a>
</div>
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-linkedin"></i></div>
<h4>Linkedin</h4>
<a href="www.linkedin.com/in/vimal-2413b51b1/" target="_blank">www.linkedin.com</a>
</div>
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-instagram"></i></div>
<h4>Instagram</h4>
<a href="https://www.instagram.com/tkd_vimu_219/" target="_blank">www.Instagram.com</a>
</div>
<div class="contact-info-item padd-15">
<div class="icon"><i class="fa fa-facebook"></i></div>
<h4>Facebook</h4>
<a href="https://www.facebook.com/profile.php?id=100012364482403&mibextid=ZbWKwL" target="_blank">www.Facebook.com</a>
</div>
</div>
<h3 class="contact-title padd-15">ANY QUESTION ?</h3>
<font size=6 color="red" face="algerian"><b><u>
<marquee bgcolor="#2ecc71" behavior="alternate">Contact With Vimu</marquee></u></b></font>
<h4 class="contact-sub-title padd-15">Contact with EMAIL & PHONE</h4>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3525.8437316723184!2d77.70617301189995!3d27.90676841656621!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x397345a2d37548b3%3A0xea87ca3e5882a32b!2sTkdVimu!5e0!3m2!1sen!2sin!4v1673331453375!5m2!1sen!2sin" width="800" height="450" style="border:0; justify-content: space-between; display: flex; margin-left: 200px;" allowfullscreen=""
loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe><br>
<div class="row">
<div class="contact-form padd-15">
<div class="row">
<div class="form-item col-6 padd-15">
<div class="form-group">
<input type="text" class="form-control" placeholder="First_Name">
</div>
</div>
<div class="form-item col-6 padd-15">
<div class="form-group">
<input type="email" class="form-control" placeholder="Last_Name">
</div>
</div>
<div class="form-item col-6 padd-15">
<div class="form-group">
<input type="email" class="form-control" placeholder="Email_id.">
</div>
</div>
<div class="form-item col-6 padd-15">
<div class="form-group">
<input type="number" class="form-control" placeholder="Phone_No.">
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<input type="text" class="form-control" placeholder="Subject">
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<textarea name="" class="form-control" id="" placeholder="Message"></textarea>
</div>
</div>
</div>
<div class="row">
<div class="form-item col-12 padd-15">
<div class="form-group">
<button type="submit" class="btn" class="">Send Message</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="style-switcher">
<div class="style-switcher-toggler s-icon">
<i class="fas fa-cog fa-spin"></i>
</div>
<div class="day-night s-icon">
<i class="fas fa-moon"></i>
</div>
<h4>Theme Colors</h4>
<div class="colors">
<span class="color1" onclick="setActiveStyle('color1')"></span>
<span class="color2" onclick="setActiveStyle('color2')"></span>
<span class="color3" onclick="setActiveStyle('color3')"></span>
<span class="color4" onclick="setActiveStyle('color4')"></span>
<span class="color5" onclick="setActiveStyle('color5')"></span>
</div>
</div>
Copyright © <script>document.write(new Date().getFullYear())</script> VIMU 😎 All Rights Reserved