Experiment 10

The document is an HTML template for a portfolio website created by Omkar Chandekar, showcasing his skills as a web designer and Flutter developer. It includes sections for home, about, skills, and contact, along with links to his LinkedIn and GitHub profiles. The portfolio features a responsive design with Bootstrap and includes a contact form for inquiries.

Uploaded by

21st114281010

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

0% found this document useful (0 votes)

11 views5 pages

Experiment 10

Uploaded by

21st114281010

We take content rights seriously. If you suspect this is your content, claim it here.

Available Formats

Download as DOCX, PDF, TXT or read online on Scribd

You are on page 1/ 5

Experiment :10

Name :Abhishek Vilas Chavan

Roll No:08
Batch:A1
PRN:21ST114281010

Titile : Portfolio
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio - Omkar Chandekar</title>
<link rel="icon" type="image/x-icon" href="./assets/Omkar.jpg">
<link rel="stylesheet" href="style.css">

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-
Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;
0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-
icons.css">
</head>

<div class="navbar-container">
<div class="logo">
<a href="#home">
<p>Omkar Chandekar</p>
</a>
</div>
<nav>
<ul id="menu">
<li onclick="close()"><a class="active" href="#home">Home</a></li>
<li ><a href="#about">About</a></li>
<li class="li"><a href="#skills">Skills</a></li>
<li class="li"><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>

</header>
<main id="home">
<div class="space">

</div>
<div class="hero">
<div class="hero-left">
<p> Hi,<span><img src="./assets/wave.gif" class="hi" alt=""></span><br>I'am
<span>Omkar Chandekar</span>
<h2>I am a
<span class="txt-rotate" data-period="2000"
data-rotate='[ "Web designer.", "Flutter Developer.", "Canva lover." ]'></span>
</h2>
<a class="btn btn-primary fs-sm px-3" href="#contact">Contact</a>
<div class="social">
<div class="linkedin">
<a href="https://www.linkedin.com/in/omkar-chandekar07" target="_blank"><i
class="bi bi-linkedin"></i></a>
<a href="https://github.com/OmkarChandekar07" target="_blank"><i class="bi bi-
github"></i></a>

</div>

</div>
</div>
<div class="hero-right">
<img src="https://cdn.dribbble.com/users/1162077/screenshots/5403918/media/
a85c0dcdcc774c6f340b075183 63d6fb.gif"
alt="">

</div>
</div>

</main>

</section>
</div>
<div class="about-right">
<p class="info-head"><span>Flutter</span> Developer. <br>
<span>Java</span> Developer.
</p>

<p class="texts">Hello,<strong> I'm Omkar,</strong> A Passionate Flutter Developer with

project

<a class="btn btn-primary fs-sm px-3" href="./assets/Omkar_Chandekar_CV.pdf"

download="Omkar Chandekar Resume">Download CV</a>
</div>

</div>

</div>
<div id="skills">
<div class="space"></div>
<div class="skill-section">
<div class="skill-heading">
<p>Skills</p>

</div>

<div class="skill-languages">
<div class="wrapper">
<div class="box-1">
<img src="./assets/html.png" alt="">
<p>HTML</p>
<p>90%</p>
</div>
<div class="box-1">
<img src="./assets/css3.png" alt="">
<p>CSS</p>
<p>80%</p>
</div>
<div class="box-1">
<img src="./assets/javascript.png" class="mt-3" alt="">
<p class="py-2">Javascript</p>
<p>70%</p>
</div>
<div class="box-1 react pt-2">
<img src="./assets/react2.png" class="mt-3" alt="">
<p>React</p>
<p>70%</p>
</div>
<div class="box-1">
<img src="./assets/nodejs.png" alt="">
<p>NodeJs</p>
<p>60%
<p>
</div>
<div class="box-1">
<img src="./assets/mongodb.png" alt="">
<p>MongoDB</p>
<p>60%</p>
</div>
<div class="box-1">
<img src="./assets/bootstrap.png" alt="">
<p>bootstrap</p>
<p>90%</p>
</div>
<div class="box-1">
<img src="./assets/canva.jpeg" class="canva" alt="">
<p>Canva</p>
<p>90%</p>
</div>
</div>
</div>
</div>
</div>

<div id="contact">
<div class="space"></div>
<div class="skill-heading">
<p>Contact</p>

</div>
<div class="contact-section">
<div class="contact-left">
<h2>Get in Touch</h2>
<form class="form" action="https://formsubmit.co/[email protected]"
method="POST">
<label for="contact">Enter your name <spann class="text-danger">*</span> <br>
<input type="text" name="name" placeholder="Enter your name" required>
</label>
<label for="contact">Email address<span class="text-danger" >*</span> <br>
<input type="email" name="email" placeholder="Email" required>
</label>
<label for="contact">Enter your Message <br>
<textarea name="message" cols="30" rows="4" class="text-start">
</textarea>
</label>
<button class="btn btn-primary" type="submit">Send Message</button>
</form>
</div>
<div class="contact-right">
<img src="https://cdn.dribbble.com/users/2424870/screenshots/9681857/media/
e2ba35a0106e60cb0960f39633 04cef8.gif"
alt="">
</div>
</div>
</div>
<footer>
</footer>
<script src="./script.js"></script>
</body>
</html>