| Linux server27.hostingraja.org 2.6.32-954.3.5.lve1.4.93.el6.x86_64 #1 SMP Wed Oct 4 17:04:29 UTC 2023 x86_64 Path : /home/udaipurk/public_html/websites/rohitnagda.com/old/ |
| Current File : /home/udaipurk/public_html/websites/rohitnagda.com/old/index.html |
<!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" />
<title>Rohit Nagda| UI Developer | UI Designer | UX Designer | Front-End Developer</title>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/material-design-iconic-font.min.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/ionicons.min.css" rel="stylesheet" />
<link href="css/owl.carousel.css" rel="stylesheet" />
<link href="css/owl.theme.default.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link
rel="stylesheet"
type="text/css"
href="js/fancybox/jquery.fancybox.css"
/>
<link
rel="stylesheet"
type="text/css"
href="js/fancybox/jquery.fancybox-buttons.css"
/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Slide Out -->
<div class="slide-out-overlay"></div>
<div class="slide-out">
<header class="slide-out-header clearfix">
<div class="clearfix">
<a href="" class="slide-out-close pull-left"
><i class="md md-close"></i
></a>
<a href="" class="open-search pull-right"
><i class="md md-search"></i
></a>
<a href="" class="slide-out-share pull-right"
><i class="md md-more-vert"></i
></a>
</div>
<div class="slide-out-popup">
<nav class="social-nav">
<ul class="list-unstyled">
<li>
<a
href="https://www.facebook.com/rohit.nagda.796"
target="_blank"
>Facebook</a
>
</li>
<li>
<a
href="https://www.linkedin.com/in/rohit-nagda-195a60106/"
target="_blank"
>Linkedin</a
>
</li>
</ul>
</nav>
</div>
<div class="image">
<img src="images/head01.png" alt="alt text" class="img-responsive" />
</div>
<div class="content">
<h5>Rohit Nagda</h5>
<span>Sr. UI/UX Designer & Developer</span>
</div>
<div class="text-right">
<a href="#" class="button link-button white icon-left"
><i class="md md-file-download"></i>Download Resume</a
>
</div>
</header>
<div class="slide-out-widgets">
<div class="slide-out-widget">
<h4>Drink A Coffee With Me Today</h4>
<form action="#" method="post" class="form-horizontal contact-form">
<div class="form-group">
<label class="col-sm-3 control-label">Name</label>
<div class="col-sm-9">
<input type="text" class="contact-name" name="contact-name" />
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Email</label>
<div class="col-sm-9">
<input
type="email"
class="contact-email"
name="contact-email"
/>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Message</label>
<div class="col-sm-9">
<textarea
name="contact-message"
class="contact-message"
rows="3"
></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-9 col-sm-offset-3">
<button type="submit" class="button solid-button purple">
Send Message
</button>
</div>
</div>
<div class="contact-loading alert alert-info form-alert">
<span class="message">Loading...</span>
<button
type="button"
class="close"
data-hide="alert"
aria-label="Close"
>
<i class="fa fa-times"></i>
</button>
</div>
<div class="contact-success alert alert-success form-alert">
<span class="message">Success!</span>
<button
type="button"
class="close"
data-hide="alert"
aria-label="Close"
>
<i class="fa fa-times"></i>
</button>
</div>
<div class="contact-error alert alert-danger form-alert">
<span class="message">Error!</span>
<button
type="button"
class="close"
data-hide="alert"
aria-label="Close"
>
<i class="fa fa-times"></i>
</button>
</div>
</form>
</div>
</div>
</div>
<!-- end .slide-out -->
<!-- Header -->
<header class="header">
<div class="top clearfix">
<div class="right-icons">
<a href="" class="open-search header-open-search"
><i class="md md-search"></i
></a>
<a href="" class="download"><i class="md md-file-download"></i></a>
<a href="" class="share"><i class="md md-more-vert"></i></a>
</div>
<div class="popup">
<nav class="social-nav">
<ul class="list-unstyled">
<li>
<a
href="https://www.facebook.com/rohit.nagda.796"
target="_blank"
>Facebook</a
>
</li>
<li>
<a
href="https://www.linkedin.com/in/rohit-nagda-195a60106/"
target="_blank"
>Linkedin</a
>
</li>
</ul>
</nav>
</div>
</div>
<div class="bottom clearfix">
<div class="title"><a href="index.html">ROHIT</a></div>
<div class="header-action-button-wrapper">
<a href="#" class="header-action-button action-button"
><i class="md md-add"></i
></a>
</div>
<a href="#" class="responsive-menu-open"
>Menu <i class="fa fa-bars"></i
></a>
<nav class="main-nav">
<ul class="list-unstyled">
<li class="active"><a href="#section1">Home</a></li>
<li><a href="#section2">About</a></li>
<li><a href="#section3">Skill</a></li>
<li><a href="#section4">Experience</a></li>
<li><a href="#section5">Education</a></li>
<li><a href="#section6">Work</a></li>
<li><a href="#section7">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- end .header -->
<div class="responsive-menu">
<a href="#" class="responsive-menu-close"
>Close <i class="ion-android-close"></i
></a>
<nav class="responsive-nav"></nav>
</div>
<!-- Section Navigation -->
<div class="section-nav">
<nav class="section1">
<a href="#section2" class="forward"
><i class="md md-chevron-right"></i
></a>
<a href="#section1" class="backward"
><i class="md md-chevron-left"></i
></a>
</nav>
</div>
<!-- end .section-nav -->
<div class="sections">
<div class="sections-wrapper clearfix main-outDiv">
<!-- Home-section1 -->
<section
id="section1"
class="no-padding-bottom active main-home-section"
>
<div class="container-fluid">
<div class="row">
<div class="col-sm-7 vertical-center padding-fix">
<h1>
<span class="blue-col">Design</span><sup>+</sup>
<span class="purple-col">Develope</span><sup>+</sup>
<span class="inter-text">Interactive</span><sup>+</sup>
<span class="art-text">Art</span><sup>+</sup>
</h1>
<p class="update-text">
Hello, Rohit Nagda. 10+ years of experience in the fields of
Web/UI/UX development and front-end web development.I have
good understanding of what UI design process is. This can help
and empower the user’s experience of the product, whether
that’s an app, software or a website by providing the right
visuals, affordance, and communicating the brand values..
</p>
<p class="button-row">
<a
href="images/Rohit-UI-UX-2025-July-update.pdf"
target="_blank"
class="button solid-button purple"
>Download CV</a
>
</p>
</div>
<div class="col-sm-5 vertical-center">
<img
src="images/man01.png"
alt="man"
class="img-responsive section-img visible-hidden"
/>
</div>
</div>
</div>
</section>
<!-- end #section1 -->
<!-- About -->
<section id="section2">
<div class="container">
<h2>About Me</h2>
<div class="row">
<div class="col-sm-3">
<img
src="images/man02.png"
alt="man"
class="img-responsive section-img"
style="border: 2px dashed #232323"
/>
</div>
<div class="col-sm-9">
<h3 class="small-margin-bottom">Rohit Nagda</h3>
<h5>Sr. UI/UX Designer & Developer</h5>
<p>
10+ years of experience in the fields of Web/UI/UX development
and front-end web development.I have good understanding of
what UI design process is. This can help and empower the
user’s experience of the product, whether that’s an app,
software or a website by providing the right visuals,
affordance, and communicating the brand values..
</p>
<div class="signature">
<img
src="images/signature.png"
alt="signature"
class="img-responsive"
/>
</div>
<ul class="list-unstyled text-uppercase">
<li><b>Date Of Birth:</b> 22 May 1986</li>
<li><b>Phone:</b> 8209877351</li>
<li><b>Email:</b>nagda.rohit86@gmail.com</li>
<li>
<b>Address:</b>11th A Cross Rd, Virat Nagar, Bommanahalli,Bangalore-560068
</li>
<li><b>Website:</b> http://www.rohitnagda.com</li>
</ul>
<div class="spacer"></div>
<h3>What I'm Doing</h3>
<div class="row">
<div class="col-sm-4">
<div class="service">
<div class="icon"><i class="ion-monitor"></i></div>
<h5>UI Development</h5>
</div>
</div>
<div class="col-sm-4">
<div class="service">
<div class="icon"><i class="ion-settings"></i></div>
<h5>Front-End Development</h5>
</div>
</div>
<div class="col-sm-4">
<div class="service">
<div class="icon"><i class="ion-paintbrush"></i></div>
<h5>UI/UX Design</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end #section2 -->
<!-- Skills -->
<section id="section3">
<div class="container">
<h2>My Skills Values</h2>
<div class="row">
<div class="col-sm-6">
<h4>Technical Skills</h4>
<label class="progress-bar-label">illustrator</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="99"
aria-valuemin="0"
aria-valuemax="100"
>
<span>70%</span>
</div>
</div>
<label class="progress-bar-label">Adobe XD</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="99"
aria-valuemin="0"
aria-valuemax="100"
>
<span>80%</span>
</div>
</div>
<label class="progress-bar-label">Figma</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="99"
aria-valuemin="0"
aria-valuemax="100"
>
<span>80%</span>
</div>
</div>
<label class="progress-bar-label">Photoshop</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="99"
aria-valuemin="0"
aria-valuemax="100"
>
<span>80%</span>
</div>
</div>
<label class="progress-bar-label">HTML&CSS</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="90"
aria-valuemin="0"
aria-valuemax="100"
>
<span>90%</span>
</div>
</div>
<label class="progress-bar-label">Less and Sass</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="90"
aria-valuemin="0"
aria-valuemax="100"
>
<span>90%</span>
</div>
</div>
<label class="progress-bar-label">Javascript</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="67"
aria-valuemin="0"
aria-valuemax="100"
>
<span>60%</span>
</div>
</div>
<label class="progress-bar-label">Bootstrap Framework</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="90"
aria-valuemin="0"
aria-valuemax="100"
>
<span>90%</span>
</div>
</div>
<label class="progress-bar-label">React js</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="50"
aria-valuemin="0"
aria-valuemax="100"
>
<span>70%</span>
</div>
</div>
<label class="progress-bar-label">Wordpress</label>
<div class="progress">
<div
class="progress-bar"
role="progressbar"
aria-valuenow="70"
aria-valuemin="0"
aria-valuemax="100"
>
<span>70%</span>
</div>
</div>
</div>
<div class="col-sm-6">
<h4>Knowledge</h4>
<div class="row">
<div class="col-sm-6">
<ul class="list-icons purple bold-list">
<li>
<i class="md-arrow-forward"></i>IDE: Visual Studio
05-015 & Dreamweaver
</li>
<li><i class="md-arrow-forward"></i>less/Saas</li>
<li><i class="md-arrow-forward"></i>XML</li>
<li><i class="md-arrow-forward"></i>Responsive Design</li>
<li>
<i class="md-arrow-forward"></i>Web Development: React
Js
</li>
<li><i class="md-arrow-forward"></i>SEO</li>
<li><i class="md-arrow-forward"></i>Figma</li>
<li>
<i class="md-arrow-forward"></i>User Experience Design
(UXD)
</li>
<li>
<i class="md-arrow-forward"></i>User-centered Design
</li>
<li><i class="md-arrow-forward"></i>Agile Methodology</li>
<li><i class="md-arrow-forward"></i>UX Research</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="list-icons purple bold-list">
<li><i class="md-arrow-forward"></i>CMS : WordPress</li>
<li>
<i class="md-arrow-forward"></i>Front end Development
</li>
<li>
<i class="md-arrow-forward"></i>PSD into HTML5
Conversion
</li>
<li>
<i class="md-arrow-forward"></i>Cross Browser
Compatibility
</li>
<li><i class="md-arrow-forward"></i>Dashboard Designs</li>
<li>
<i class="md-arrow-forward"></i>User-friendly dynamic
web applications
</li>
<li>
<i class="md-arrow-forward"></i>Emailer & Banner Designs
</li>
<li>
<i class="md-arrow-forward"></i>WireFrames & Prototype
</li>
<li><i class="md-arrow-forward"></i>Design Thinking</li>
<li>
<i class="md-arrow-forward"></i>Information Architecture
</li>
<li><i class="md-arrow-forward"></i>Design Systems</li>
<li><i class="md-arrow-forward"></i>Material UI</li>
<li>
<i class="md-arrow-forward"></i>Interaction Design
</li>
<li>
<i class="md-arrow-forward"></i>Healthcare,
Banking-Finance, E-commerce Digital Marketing,
Email-marketing
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="spacer"></div>
<h4>Language Skills</h4>
<div class="row">
<div class="col-sm-4">
<div class="circle-progress-wrapper clearfix">
<div class="circle-progress">
<input
type="text"
class="dial"
value="90"
data-color="#7c4dff"
data-from="0"
data-to="99"
/>
</div>
<div class="circle-progress-label-wrapper">
<label class="circle-progress-label"
>English Experienced</label
>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="circle-progress-wrapper clearfix">
<div class="circle-progress">
<input
type="text"
class="dial"
value="100"
data-color="#7c4dff"
data-from="0"
data-to="100"
/>
</div>
<div class="circle-progress-label-wrapper">
<label class="circle-progress-label"
>Hindi Experienced</label
>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end #section3 -->
<!-- Experience -->
<section id="section4">
<div class="container">
<h2>10+ Years Experience</h2>
<div class="experience-timeline">
<div class="experience-block clearfix">
<div class="meta">
<span class="year">March 2024 - Present</span>
<span class="company"
>Dataflow Group, Bangalore</span
>
</div>
<div class="content">
<h5>Senior UI/UX Designer & Developer</h5>
<p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velitus sed quia non num quam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
</div>
<div class="icon">
<i class="ion-easel"></i>
</div>
<div class="line"></div>
</div>
<div class="experience-block clearfix">
<div class="meta">
<span class="year">July 2023 - December</span>
<span class="company"
>Purview India Consulting Services, Hyderabad</span
>
</div>
<div class="content">
<h5>Senior UI/UX Designer & Developer</h5>
<p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velitus sed quia non num quam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
</div>
<div class="icon">
<i class="ion-easel"></i>
</div>
<div class="line"></div>
</div>
<div class="experience-block clearfix">
<div class="meta">
<span class="year">Aug 2018 - May 2023</span>
<span class="company"
>emids technologies Pvt. Ltd. Bengaluru</span
>
</div>
<div class="content">
<h5>Senior UXP-Analyst/UI Developer</h5>
<p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velitus sed quia non num quam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
</div>
<div class="icon">
<i class="ion-easel"></i>
</div>
<div class="line"></div>
</div>
<div class="experience-block clearfix">
<div class="meta">
<span class="year">Aug 2017 - July 2018</span>
<span class="company"
>mailkoot communications Pvt. Ltd. Bengaluru</span
>
</div>
<div class="content">
<h5>Senior Sr. UI/UX Designer & Developer</h5>
<p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velitus sed quia non num quam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
</div>
<div class="icon">
<i class="ion-easel"></i>
</div>
<div class="line"></div>
</div>
<div class="experience-block clearfix">
<div class="meta">
<span class="year">July 2016 - Jan 2017</span>
<span class="company"
>kaira software pvt. ltd. Ahmedabad</span
>
</div>
<div class="content">
<h5>UI/UX Designer & Developer</h5>
<p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velitus sed quia non num quam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
</div>
<div class="icon">
<i class="ion-images"></i>
</div>
<div class="line"></div>
</div>
<div class="experience-block clearfix">
<div class="meta">
<span class="year">Jan 2015 - Jan 2016</span>
<span class="company">srg global solutions Udaipur</span>
</div>
<div class="content">
<h5>UI/UX Designer & Developer</h5>
<p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velitus sed quia non num quam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
</div>
<div class="icon">
<i class="ion-card"></i>
</div>
</div>
<div class="experience-block clearfix">
<div class="meta">
<span class="year">June 2012 - July 2014</span>
<span class="company">Freelance UI Designer</span>
</div>
<div class="content">
<h5>UI/UX Designer & Developer</h5>
<p>
Neque porro quisquam est, qui dolorem ipsum quia dolor sit
amet, consectetur, adipisci velitus sed quia non num quam
eius modi tempora incidunt ut labore et dolore magnam
aliquam quaerat voluptatem.
</p>
</div>
<div class="icon">
<i class="ion-card"></i>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="testimonial-slider owl-carousel">
<div>
<div class="image">
<img src="images/testimonial.jpg" alt="alt text" />
</div>
<div class="sep"></div>
<p>
" Awesome to work with. Incredibly organized, easy to
communicate with, responsive with next iterations, and
beautiful work. "
</p>
<span class="author"
>Devendra Singh Rathore, SRG Group-Udaipur</span
>
</div>
<div>
<div class="image">
<img src="images/sukrit.png" alt="alt text" />
</div>
<div class="sep"></div>
<p>
" Awesome to work with. Incredibly organized, easy to
communicate with, responsive with next iterations, and
beautiful work. "
</p>
<span class="author"
>Sukrit Mehra, Geneotech Services-Udaipur</span
>
</div>
<div>
<div class="image">
<img src="images/radha.png" alt="alt text" />
</div>
<div class="sep"></div>
<p>
" Awesome to work with. Incredibly organized, easy to
communicate with, responsive with next iterations, and
beautiful work. "
</p>
<span class="author"
>Radha Gaurd, Mailkoot Communication-Bengaluru</span
>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- end #section4 -->
<!-- Education -->
<section id="section5">
<div class="container">
<h2>Educational Value</h2>
<div class="education clearfix">
<div class="item">
<div class="marker"></div>
<div class="content">
<span>Pacific University, Udaipur(Raj.)</span>
<h4>B.Tech – CSE</h4>
</div>
<div class="year">2015</div>
</div>
<div class="item">
<div class="marker"></div>
<div class="content">
<span>Vidhya Bhawan Polytechnic College Udaipur(Raj.) </span>
<h4>Diploma In CSE</h4>
</div>
<div class="year">2011</div>
</div>
<div class="item">
<div class="marker"></div>
<div class="content">
<span>CERTIFICATION</span>
<h4>Microsoft Certified Professional</h4>
</div>
<div class="year">2008</div>
</div>
<div class="item">
<div class="marker"></div>
<div class="content">
<span>CERTIFICATION-jetking Udaipur</span>
<h4>Microsoft Certified System Engineer</h4>
</div>
<div class="year">2008</div>
</div>
<div class="line"></div>
</div>
<h2>Hobbies & Interest</h2>
<div class="row">
<div class="col-sm-2 col-sm-offset-1 col-xs-6">
<div class="icon-box">
<div class="icon"><i class="ion-easel"></i></div>
<h6>Web Research</h6>
</div>
</div>
<div class="col-sm-2 col-xs-6">
<div class="icon-box">
<div class="icon"><i class="ion-ios-camera-outline"></i></div>
<h6>Photography</h6>
</div>
</div>
<div class="col-sm-2 col-xs-6">
<div class="icon-box">
<div class="icon"><i class="ion-plane"></i></div>
<h6>Travelling</h6>
</div>
</div>
<div class="col-sm-2 col-xs-6">
<div class="icon-box">
<div class="icon">
<i class="ion-ios-bookmarks-outline"></i>
</div>
<h6>Book Reading</h6>
</div>
</div>
<div class="col-sm-2 col-xs-6">
<div class="icon-box">
<div class="icon"><i class="ion-ios-musical-notes"></i></div>
<h6>Music</h6>
</div>
</div>
</div>
</div>
</section>
<!-- end #section5 -->
<!-- Portfolio -->
<section id="section6">
<div class="container">
<h2>Portfolio</h2>
<div class="full-block">
<p>
*Note-: Due to some organization's Privacy issue, branding or
logo are removed from images.
</p>
<div id="galleryTab" class="cf">
<a
data-rel="all"
href="javascript:;"
class="filter-gallery active"
>View all</a
>
<a
data-rel="Websites"
href="javascript:;"
class="filter-gallery"
>Websites</a
>
<a
data-rel="Admin-Panel"
href="javascript:;"
class="filter-gallery"
>Admin-Panel</a
>
<a
data-rel="E-commerce"
href="javascript:;"
class="filter-gallery"
>E-commerce</a
>
<a
data-rel="Template-Design"
href="javascript:;"
class="filter-gallery"
>Template-Design</a
>
<a
data-rel="App-Design"
href="javascript:;"
class="filter-gallery"
>App-Design</a
>
</div>
<div class="galleryWrap cf">
<!-- start-admin-panel-content-section -->
<div class="row-block">
<div class="column-pics">
<!-- <div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-1.png"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-1.png"
alt=""
/></a>
</div> -->
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-2.png"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-2.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-3.png"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-3.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-4.jpeg"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-4.jpeg"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<!-- <div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-5.jpeg"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-5.jpeg"
alt=""
/></a>
</div> -->
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-6.jpeg"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-6.jpeg"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-7.jpeg"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-7.jpeg"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-8.png"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-8.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-9.png"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-9.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Admin-Panel"
href="images/work-portfolio/Admin-Panel/compress/admin-13.png"
><img
src="images/work-portfolio/Admin-Panel/compress/admin-13.png"
alt=""
/></a>
</div>
</div>
</div>
<!-- end--admin-panel-content-section -->
<!-- start--ecommerce-design-section -->
<div class="row-block">
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm1.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm1.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm2.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm2.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm3.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm3.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm4.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm4.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm5.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm5.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm6.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm6.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm7.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm7.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="E-commerce"
href="images/work-portfolio/E-commerce/compress/ecomm8.png"
><img
src="images/work-portfolio/E-commerce/compress/ecomm8.png"
alt=""
/></a>
</div>
</div>
</div>
<!-- end--ecommerce-design-section -->
<!-- start-template-design-section -->
<div class="row-block">
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design1.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design1.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design2.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design2.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design3.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design3.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design4.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design4.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design5.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design5.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design6.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design6.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design7.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design7.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design8.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design8.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design9.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design9.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design10.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design10.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design11.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design11.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Template-Design"
href="images/work-portfolio/Template-Design/compress/temp-design12.png"
><img
src="images/work-portfolio/Template-Design/compress/temp-design12.png"
alt=""
/></a>
</div>
</div>
</div>
<!-- end-template-design-section -->
<!-- start-website--design-section -->
<div class="row-block">
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/emids/home-page.png"
><img
src="images/work-portfolio/Website/emids/home-page.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/geneotech/geneo1.png"
><img
src="images/work-portfolio/Website/geneotech/geneo1.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/geneotech/geneo3.png"
><img
src="images/work-portfolio/Website/geneotech/geneo3.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/geneotech/geneo4.png"
><img
src="images/work-portfolio/Website/geneotech/geneo4.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/kaira/kaira1.png"
><img
src="images/work-portfolio/Website/kaira/kaira1.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/kaira/kaira2.png"
><img
src="images/work-portfolio/Website/kaira/kaira2.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/kaira/kaira3.png"
><img
src="images/work-portfolio/Website/kaira/kaira3.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/srg/compress/SRG1.png"
><img
src="images/work-portfolio/Website/srg/compress/SRG1.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/srg/compress/SRG2.png"
><img
src="images/work-portfolio/Website/srg/compress/SRG2.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/srg/compress/SRG3.png"
><img
src="images/work-portfolio/Website/srg/compress/SRG3.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="Websites"
href="images/work-portfolio/Website/srg/compress/SRG4.png"
><img
src="images/work-portfolio/Website/srg/compress/SRG4.png"
alt=""
/></a>
</div>
</div>
</div>
<!-- end-website--design-section -->
<!-- start-app--design-section -->
<div class="row-block">
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-2.png"
><img
src="images/work-portfolio/App-design/app-design-2.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-3.png"
><img
src="images/work-portfolio/App-design/app-design-3.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-6.png"
><img
src="images/work-portfolio/App-design/app-design-6.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-4.png"
><img
src="images/work-portfolio/App-design/app-design-4.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-5.png"
><img
src="images/work-portfolio/App-design/app-design-5.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-7.png"
><img
src="images/work-portfolio/App-design/app-design-7.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-10.png"
><img
src="images/work-portfolio/App-design/app-design-10.png"
alt=""
/></a>
</div>
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-9.png"
><img
src="images/work-portfolio/App-design/app-design-9.png"
alt=""
/></a>
</div>
</div>
<div class="column-pics">
<div class="img-block">
<a
class="fancybox imgContainer"
data-fancybox-group="gallery"
data-filter="App-Design"
href="images/work-portfolio/App-design/app-design-8.png"
><img
src="images/work-portfolio/App-design/app-design-8.png"
alt=""
/></a>
</div>
</div>
</div>
<!-- end--app--design-section -->
</div>
</div>
</div>
</section>
<!-- end #section6 -->
<!-- Contact -->
<section id="section7">
<div class="container">
<h2>Get In Touch With Me</h2>
<div class="row">
<div class="col-sm-5">
<h5>Contact Address</h5>
<ul class="list-icons list-unstyled">
<li>
<i class="ion-ios-location-outline"></i>11th A Cross Rd, Virat Nagar, Bommanahalli,<br />
Bangalore-560068
</li>
<li><i class="ion-iphone"></i>Phone: 8209877351</li>
<li>
<i class="ion-ios-email-outline"></i>Email:
<a href="mailto:nagda.rohit86@gmail.com"
>nagda.rohit86@gmail.com</a
>
</li>
<li>
<i class="ion-ios-home-outline"></i>Website:
<a href="">rohitnagda.com</a>
</li>
</ul>
<div class="spacer"></div>
<div class="social-icons">
<a
href="https://www.facebook.com/rohit.nagda.796"
class="social-icon"
target="_blank"
><i class="fa fa-facebook"></i
></a>
<a
href="https://www.linkedin.com/in/rohit-nagda-195a60106/"
class="social-icon"
target="_blank"
><i class="fa fa-linkedin"></i
></a>
</div>
<div class="spacer"></div>
</div>
<div class="col-sm-7">
<h5>Contact Form</h5>
<form
action="#"
method="post"
class="form-horizontal contact-form"
>
<div class="form-group">
<label class="col-sm-2 control-label">Name</label>
<div class="col-sm-10">
<input
type="text"
class="contact-name"
name="contact-name"
/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Email</label>
<div class="col-sm-10">
<input
type="email"
class="contact-email"
name="contact-email"
/>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Message</label>
<div class="col-sm-10">
<textarea
name="contact-message"
class="contact-message"
rows="3"
></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 col-sm-offset-2">
<button type="submit" class="button solid-button purple">
Send Message
</button>
</div>
</div>
<div class="contact-loading alert alert-info form-alert">
<span class="message">Loading...</span>
<button
type="button"
class="close"
data-hide="alert"
aria-label="Close"
>
<i class="fa fa-times"></i>
</button>
</div>
<div class="contact-success alert alert-success form-alert">
<span class="message">Success!</span>
<button
type="button"
class="close"
data-hide="alert"
aria-label="Close"
>
<i class="fa fa-times"></i>
</button>
</div>
<div class="contact-error alert alert-danger form-alert">
<span class="message">Error!</span>
<button
type="button"
class="close"
data-hide="alert"
aria-label="Close"
>
<i class="fa fa-times"></i>
</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- end #section8 -->
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="top">
<div class="container">
<div class="row">
<div class="col-sm-4">
<h4>Address</h4>
<p>
11th A Cross Rd, Virat Nagar, Bommanahalli<br />
Bangalore-560068
</p>
</div>
<div class="col-sm-4">
<h4>Connect</h4>
<div class="social-icons">
<a
href="https://www.facebook.com/rohit.nagda.796"
class="social-icon"
target="_blank"
><i class="fa fa-facebook"></i
></a>
<a
href="https://www.linkedin.com/in/rohit-nagda-195a60106/"
class="social-icon"
target="_blank"
><i class="fa fa-linkedin"></i
></a>
</div>
</div>
<div class="col-sm-4">
<h4>Contact</h4>
<p>Tel: 8209877351<br />Mail: nagda.rohit86@gmail.com</p>
</div>
</div>
</div>
</div>
<div class="bottom">
Copyright 2025 ©Rohit Nagda. All Rights Reserved.
</div>
</footer>
<!-- end .footer -->
<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.inview.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.knob.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/scripts.js"></script>
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/fancybox/jquery.fancybox-buttons.js"></script>
<script>
jQuery(function ($) {
$(".fancybox").fancybox({
modal: true,
helpers: {
buttons: {},
},
});
$(".filter-gallery").on("click", function () {
var $this = $(this);
if (!$this.hasClass("active")) {
$(".filter-gallery").removeClass("active");
$this.addClass("active");
var $filter = $this.data("rel");
$filter == "all"
? $(".fancybox")
.attr("data-fancybox-group", "gallery")
.not(":visible")
.fadeIn()
: $(".fancybox")
.fadeOut(0)
.filter(function () {
return $(this).data("filter") == $filter;
})
.attr("data-fancybox-group", $filter)
.fadeIn(1000);
}
});
});
</script>
<script>
const img = document.querySelector("img");
img.ondragstart = () => {
return false;
};
</script>
</body>
</html>