Scribd
Upload
10 views14 pages

New Text Document

This document is an HTML template for a personal portfolio website belonging to an individual named Nithin. It includes sections such as a header, hero section, about me, skills, and services, showcasing Nithin's interests, education, and technical skills. The template utilizes various CSS and JavaScript libraries for styling and functionality, and it is designed to be responsive for different devices.

Uploaded by

nikhilrao.odela
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
10 views14 pages

New Text Document

This document is an HTML template for a personal portfolio website belonging to an individual named Nithin. It includes sections such as a header, hero section, about me, skills, and services, showcasing Nithin's interests, education, and technical skills. The template utilizes various CSS and JavaScript libraries for styling and functionality, and it is designed to be responsive for different devices.

Uploaded by

nikhilrao.odela
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 14

<!

DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>MY Portfolio @ (NITHIN)</title>


<meta content="" name="descriptison">
<meta content="" name="keywords">

<!-- Favicons -->


<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->


<link href="https://fonts.googleapis.com/css?
family=Open+Sans:300,300i,400,400i,600,600i,700,700i|
Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|
Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<!-- Vendor CSS Files -->


<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css"
rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">

<!-- Template Main CSS File -->


<link href="assets/css/style.css" rel="stylesheet">

<!-- =======================================================
* Template Name: Maxim - v2.2.0
* Template URL: https://bootstrapmade.com/maxim-free-onepage-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>

<body>

<!-- ======= Header ======= -->


<header id="header" class="fixed-top">
<div class="container d-flex">

<div class="logo mr-auto">


<h1 class="text-light"><a href="index.html">NITHIN</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<a href="index.html"><img src="assets/img/q.png" alt="" class="img-
fluid"></a>
</div>

<nav class="nav-menu d-none d-lg-block">


<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about">About Me</a></li>
<!-- <li><a href="#services">Services</a></li> -->
<li><a href="#portfolio">Portfolio</a></li>
<!-- <li><a href="#team">Team</a></li> -->
<!-- <li class="drop-down"><a href="">Drop Down</a> -->
<!-- <ul>
<li><a href="#">Drop Down 1</a></li>
<li class="drop-down"><a href="#">Drop Down 2</a>
<ul>
<li><a href="#">Deep Drop Down 1</a></li>
<li><a href="#">Deep Drop Down 2</a></li>
<li><a href="#">Deep Drop Down 3</a></li>
<li><a href="#">Deep Drop Down 4</a></li>
<li><a href="#">Deep Drop Down 5</a></li>
</ul>
</li>
<li><a href="#">Drop Down 3</a></li>
<li><a href="#">Drop Down 4</a></li>
<li><a href="#">Drop Down 5</a></li>
</ul>
</li> -->
<li><a href="#contact">Contact Me</a></li>

</ul>
</nav><!-- .nav-menu -->

</div>
</header><!-- End Header -->

<!-- ======= Hero Section ======= -->


<section id="hero" class="d-flex flex-column justify-content-center align-items-
center">
<div class="container text-center text-md-left" data-aos="fade-up">
<h1 >Welcome to my Digital Portfolio</h1>
<h2>Editer , Photographer , Designer , Coder .</h2>
<h3><a href="#about" class="btn-get-started scrollto" >MY Portfolio</a></h3>
</div>
</section><!-- End Hero -->

<main id="main">

<!-- ======= About Section ======= -->


<section id="about" class="about">
<div class="container">

<div class="section-title" data-aos="fade-up">


<u><h2 >About-Me</h2></u>
<p>Hey ! My name is Nithin rao and iam from Hyderabad,India. </p><b></b>
<p>At present, I'm an undergraduate student of Electronics And
Instrumentation (ENI) at Birla institute of Technology and Science Pilani (BITS) .
K K Birla Goa Campus . </p>
</div>

<div class="row">
<div class="col-xl-6 col-lg-7" data-aos="fade-right">
<img src="about-img.jpg" class="img-fluid" alt="">
</div>
<div class="col-xl-6 col-lg-5 pt-5 pt-lg-0">
<h3 data-aos="fade-up"></h3>
<p data-aos="fade-up">
I'm 18 years old and i love creativity , communication and inspring
challenges.
</p>
<div class="icon-box" data-aos="fade-up">
<i class="bx bx-receipt"></i>
<h4>---Personal Interest---</h4>
<p>Learning , Photography , Editing photo's, Making Video's , Reading
, Travelling </p>
</div>

<div class="icon-box" data-aos="fade-up" data-aos-delay="100">


<i class="bx bx-cube-alt"></i>
<h4>---Languages I Can Speak --- </h4>
<p>Telugu , English ,Hindi . </p> <b>
<p> Learning : Tamil , Malyalam.
</p>
</div>

</div>
</div>

</div>
</section><!-- End About Section -->

<!-- ======= Steps Section ======= -->


<!-- <section id="steps" class="steps section-bg">
<div class="container">

<div class="row no-gutters">

<div class="col-lg-4 col-md-6 content-item" data-aos="fade-in">


<span>01</span>
<h4>Lorem Ipsum</h4>
<p>Ulamco laboris nisi ut aliquip ex ea commodo consequat. Et
consectetur ducimus vero placeat</p>
</div>

<div class="col-lg-4 col-md-6 content-item" data-aos="fade-in" data-aos-


delay="100">
<span>02</span>
<h4>Repellat Nihil</h4>
<p>Dolorem est fugiat occaecati voluptate velit esse. Dicta veritatis
dolor quod et vel dire leno para dest</p>
</div>

<div class="col-lg-4 col-md-6 content-item" data-aos="fade-in" data-aos-


delay="200">
<span>03</span>
<h4> Ad ad velit qui</h4>
<p>Molestiae officiis omnis illo asperiores. Aut doloribus vitae sunt
debitis quo vel nam quis</p>
</div>

<div class="col-lg-4 col-md-6 content-item" data-aos="fade-in" data-aos-


delay="300">
<span>04</span>
<h4>Repellendus molestiae</h4>
<p>Inventore quo sint a sint rerum. Distinctio blanditiis deserunt quod
soluta quod nam mider lando casa</p>
</div>

<div class="col-lg-4 col-md-6 content-item" data-aos="fade-in" data-aos-


delay="400">
<span>05</span>
<h4>Sapiente Magnam</h4>
<p>Vitae dolorem in deleniti ipsum omnis tempore voluptatem. Qui
possimus est repellendus est quibusdam</p>
</div>

<div class="col-lg-4 col-md-6 content-item" data-aos="fade-in" data-aos-


delay="500">
<span>06</span>
<h4>Facilis Impedit</h4>
<p>Quis eum numquam veniam ea voluptatibus voluptas. Excepturi aut
nostrum repudiandae voluptatibus corporis sequi</p>
</div>

</div>

</div>
</section>End Steps Section -->

<!-- ======= Features Section ======= -->


<!-- End Features Section -->

<!-- ======= Services Section ======= -->


<section id="services" class="services section-bg">
<div class="container">

<div class="section-title" data-aos="fade-up">


<u> <h2>Skills</h2></u>
<h3>{ Tech-Stack }</h3>
</div>

<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0"
data-aos="fade-up">
<div class="icon-box icon-box-pink">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<!-- <h4 class="title"><a href="">Web Development</a></h4> -->
<h4>Web Development</h4>
<h2 class="description">.....................................</h2>
<p class="description">HTML</p>
<p class="description">CSS</p>
<p class="description">JavaScript</p>

</div>
</div>
<b></b>
<b></b>
<b></b>
<b></b>
&nbsp;

<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0"


data-aos="fade-up" data-aos-delay="200">
<div class="icon-box icon-box-green">
<div class="icon"><i class="bx bx-laptop"></i></div>
<!-- <h4 class="title"><a href="">Programming</a></h4> -->
<h4>Programming</h4>
<h2 class="description">.....................................</h2>
<p class="description">C </p>
<p class="description"> C++</p>
<p class="description"> Data Structres Algorithms</p>
</div>
</div>

<b></b>
<b></b>
<b></b>
<b></b>
&nbsp;

<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0"


data-aos="fade-up" data-aos-delay="300">
<div class="icon-box icon-box-black">
<div class="icon"><i class="bx bx-window-alt"></i></div>
<!-- <h4 class="title"><a href="">Adobe Photoshop</a></h4> -->
<h4>Adobe Photoshop</h4>
<h2 class="description">.....................................</h2>
<p class="description">Photo Editing</p>

<p class="description">Graphic Designing</p>


</div>
</div>

</div>

<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0"


data-aos="fade-up" data-aos-delay="400">
<div class="icon-box icon-box-black">
<div class="icon"><i class="bx bx-window-alt"></i></div>
<!-- <h4 class="title"><a href="">Adobe Photoshop</a></h4> -->
<h4>Adobe Premiunm Pro</h4>
<h2 class="description">.....................................</h2>

<p class="description">Video making</p>


<p class="description">Audio Mixing</p>
</div>
</div>

</div>

</div>
</section><!-- End Services Section -->

<section id="features" class="features">


<div class="container">

<div class="row">
<div class="col-lg-4 mb-5 mb-lg-0" data-aos="fade-right">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-toggle="tab" href="#tab-1">
<h4>Adobe Photoshop</h4>
<p>Completed 20 Hours Adobe Photoshop CC 2020 Online Course.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-toggle="tab" href="#tab-2">
<h4>Data Science</h4>
<p>Completed Data Science : Hands-on Diabetes Prediction with
Pyspark Mllib Online Course.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-toggle="tab" href="#tab-3">
<h4>Adobe Lightroom</h4>
<p>Completed 16.5 Hours Adobe Lightroom CC 2020 Online
Course.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-toggle="tab" href="#tab-4">
<h4>Blogging</h4>
<p>Completed 2.5 Money Blogging ! Online Course.</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-7 ml-auto" data-aos="fade-left">
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<figure>
<img src="assets/img/photo.jpg" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-2">
<figure>
<img src="assets/img/data.jpg" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-3">
<figure>
<img src="assets/img/light.jpg" alt="" class="img-fluid">
</figure>
</div>
<div class="tab-pane" id="tab-4">
<figure>
<img src="assets/img/blogging.jpg" alt="" class="img-fluid">
</figure>
</div>
</div>
</div>
</div>

</div>
</section>

<!-- ======= Testimonials Section ======= -->


<!-- <section id="testimonials" class="testimonials">
<div class="container">
<div class="section-title" data-aos="fade-up">
<h2>Testimonials</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex
aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam
cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis
commodi quidem hic quas.</p>
</div>

<div class="owl-carousel testimonials-carousel" data-aos="fade-up">

<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Proin iaculis purus consequat sem cure digni ssim donec porttitora
entum suscipit rhoncus. Accusantium quam, ultricies eget id, aliquam eget nibh et.
Maecen aliquam, risus at semper.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-1.jpg"
class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>Ceo &amp; Founder</h4>
</div>

<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Export tempor illum tamen malis malis eram quae irure esse labore
quem cillum quid cillum eram malis quorum velit fore eram velit sunt aliqua noster
fugiat irure amet legam anim culpa.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-2.jpg"
class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>

<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Enim nisi quem export duis labore cillum quae magna enim sint quorum
nulla quem veniam duis minim tempor labore quem eram duis noster aute amet eram
fore quis sint minim.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-3.jpg"
class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>

<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Fugiat enim eram quae cillum dolore dolor amet nulla culpa multos
export minim fugiat minim velit minim dolor enim duis veniam ipsum anim magna sunt
elit fore quem dolore labore illum veniam.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-4.jpg"
class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>

<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Quis quorum aliqua sint quem legam fore sunt eram irure aliqua veniam
tempor noster veniam enim culpa labore duis sunt culpa nulla illum cillum fugiat
legam esse veniam culpa fore nisi cillum quid.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-5.jpg"
class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>

</div>

</div>
</section>End Testimonials Section -->
<section id="team" class="team">
<div class="container">

<div class="section-title" data-aos="fade-up">


<u><h2>Clubs and Departments</h2></u>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex
aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam
cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis
commodi quidem hic quas.</p>
</div>

<div class="row">

<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up">


<div class="member">
<img src="docw.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Department of Creative Works</h4>
<span>( DOCW )</span>
</div>
<div class="social">

<a href="https://instagram.com/docw_bitsgoa?
igshid=esw1qkpti9y1"><i class="icofont-instagram"></i></a>
<a href="https://www.youtube.com/c/DoCWBITSGoa"><i
class="icofont-youtube"></i></a>
<a href=""><i class="icofont-facebook"></i></a>

</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-
delay="100">
<div class="member">
<img src="dofam.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Department of Finance and Asset Management</h4>
<span>( DOFAM )</span>
</div>
<div class="social">
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-youtube"></i></a>
<a href=""><i class="icofont-facebook"></i></a>

</div>
</div>
</div>
</div>

<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-


delay="200">
<div class="member">
<img src="quark.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Quark Controls</h4>
<span>( QUARK )</span>
</div>
<div class="social">
<a href="https://instagram.com/bitsquark?
igshid=rmnhazpoqw85"><i class="icofont-instagram"></i></a>
<a href="https://www.youtube.com/c/QuarkBITSPilaniGoa"><i
class="icofont-youtube"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
</div>
</div>
</div>
</div>

<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-


delay="300">
<div class="member">
<img src="sae.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Society of Automotive Engineers</h4>
<span>( SAE )</span>
</div>
<div class="social">
<a href="https://instagram.com/sae_bitsgoa?
igshid=dbwoa056yzru"><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-youtube"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-
delay="300">
<div class="member">
<img src="and.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>Arts and Deco</h4>
<span>( AnD )</span>
</div>
<div class="social">
<a href="https://instagram.com/artsndeco?
igshid=1u1rgeh73ud8h"><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-youtube"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
</div>
</div>
</div>
</div>

<div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" data-aos-


delay="300">
<div class="member">
<img src="cubix.jpg" class="img-fluid" alt="">
<div class="member-info">
<div class="member-info-content">
<h4>CUBIX</h4>
<span>( Cubix )</span>
</div>
<div class="social">
<a href=""><i class="icofont-instagram"></i></a>
<a href=""><i class="icofont-youtube"></i></a>
<a href=""><i class="icofont-facebook"></i></a>
</div>
</div>
</div>
</div>

</div>

</div>
</section>

<!-- ======= Portfolio Section ======= -->


<section id="portfolio" class="portfolio section-bg">
<div class="container">

<div class="section-title" data-aos="fade-up">


<u><h2>Gallary</h2></u>
<p>These are Some of My Best Photo Album. </p>
</div>

<div class="row" data-aos="fade-up">


<div class="col-lg-12 d-flex justify-content-center">
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">Pic-1</li>
<li data-filter=".filter-card">Pic-2</li>
<li data-filter=".filter-web">Pic-3</li>
</ul>
</div>
</div>

<div class="row portfolio-container" data-aos="fade-up">

<div class="col-lg-4 col-md-6 portfolio-item filter-card">


<div class="portfolio-wrap">
<img src="assets/img/portfolio/my.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Pic-1</h4>

<div class="portfolio-links">
<a href="assets/img/portfolio/my.jpg" data-
gall="portfolioGallery" class="venobox" title="Pic-1"><i class="bx
bx-show-alt"></i></a>
<a href="https://www.instagram.com/this.is.me._nithin.rao/?hl=en"
title="More Details"><i class="bx bx-disc"></i></a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-card">


<div class="portfolio-wrap">
<img src="assets/img/portfolio/my3.jpeg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Pic-2</h4>

<div class="portfolio-links">
<a href= "assets/img/portfolio/my3.jpeg" data-
gall="portfolioGallery" class="venobox" title="Pic-2"><i class="bx
bx-show-alt"></i></a>
<a href="https://www.instagram.com/this.is.me._nithin.rao/?hl=en"
title="More Details"><i class="bx bx-disc"></i></a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 portfolio-item filter-web">


<div class="portfolio-wrap">
<img src="assets/img/portfolio/my2.jpg" class="img-fluid" alt="">
<div class="portfolio-info">
<h4>Pic-3</h4>

<div class="portfolio-links">
<a href= "assets/img/portfolio/my2.jpg" data-
gall="portfolioGallery" class="venobox" title="Pic-3"><i class="bx
bx-show-alt"></i></a>
<a href="https://www.instagram.com/this.is.me._nithin.rao/?hl=en"
title="More Details"><i class="bx bx-disc"></i></a>
</div>
</div>
</div>
</div>

</div>

<!-- ======= Contact Section ======= -->


<section id="contact" class="contact">
<div class="container">

<div class="section-title" data-aos="fade-up">


<u><h2>Contact</h2></u>
<p>Feel free to Contact me VIA :- <b> Email , Call , Insta , FB ,
Whatsapp .. etc .</p>
</div>

<div class="row no-gutters justify-content-center" data-aos="fade-up">

<div class="col-lg-5 d-flex align-items-stretch">


<div class="info">
<div class="address">
<i class="icofont-google-map"></i>
<h4>Location :</h4>
<p>Hyderabad ,Telangana , India .</p>
</div>

<div class="phone mt-4">


<i class="icofont-phone"></i>
<h4>Call :</h4>
<p>(+91) 9989317254</p>
</div>&nbsp;

<div class="email mt-4">


<i><a class="icofont-envelope" href="https://myaccount.google.com/?
gar=1"></a></i>
<!-- <i class="icofont-envelope"></i> -->
<h4>Email :</h4>
<p>[email protected]</p>
</div>&nbsp;

<div class="phone mt-4">


<i><a class="icofont-instagram"
href="https://www.instagram.com/this.is.me._nithin.rao/?hl=en"></a></i>
<h3> &nbsp; Instagram</h3>
</div>&nbsp;

<div class="phone mt-4">


<i><a class="icofont-facebook"
href="https://m.facebook.com/nithin.rao.9232?ref=bookmarks"></a></i>
<h3> &nbsp; Facebook</h3>
</div>

</div>

</div>

<div class="col-lg-5 d-flex align-items-stretch">


<iframe style="border:0; width: 100%; height: 470px;"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d487295.02532044525!
2d78.12785129924684!3d17.41215307568293!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x3bcb99daeaebd2c7%3A0xae93b78392bafbc2!2sHyderabad%2C%20Telangana!5e0!
3m2!1sen!2sin!4v1595611516805!5m2!1sen!2sin" frameborder="0"
allowfullscreen></iframe>

</div>

</div>

&nbsp; &nbsp; <h1 > Contact me if you'd like to work together on your next
project .</h3>

<div class="row mt-5 justify-content-center" data-aos="fade-up">


<div class="col-lg-10">
<form action="forms/contact.php" method="post" role="form" class="php-
email-form">
<div class="form-row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name"
placeholder="Your Name" data-rule="minlen:4" data-msg="Please enter at least 4
chars" />
<div class="validate"></div>
</div>
<div class="col-md-6 form-group">
<input type="email" class="form-control" name="email" id="email"
placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validate"></div>
</div>
</div>
<div class="form-group">
<input type="text" class="form-control" name="subject" id="subject"
placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars
of subject" />
<div class="validate"></div>
</div>
<div class="form-group">
<textarea class="form-control" name="message" rows="5" data-
rule="required" data-msg="Please write something for us"
placeholder="Message"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank
you!</div>
</div>
<div class="text-center"><button type="submit">Send
Message</button></div>
</form>
</div>

</div>

</div>
</section><!-- End Contact Section -->

</main><!-- End #main -->

<!-- ======= Footer ======= -->


<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">

<div class="col-lg-3 col-md-6">


<div class="footer-info">
<h1> THANKS FOR &nbsp; VISITING .</h1>
<!--
<h2><strong> contact :</strong></h2> <h3> (+91) 9989317254<br> </h3>
<h2><strong>Email :</strong></h2> <h3>
[email protected]<br> </h3> -->
<!--
<div class="social-links mt-3">
<a href="https://mail.google.com/mail/mu/mp/417/#mn"
class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="https://m.facebook.com/nithin.rao.9232?ref=bookmarks"
class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="https://www.instagram.com/this.is.me._nithin.rao/"
class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div> -->

</footer><!-- End Footer -->

<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>

<!-- Vendor JS Files -->


<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>

<!-- Template Main JS File -->


<script src="assets/js/main.js"></script>

</body>

</html>

You might also like