MAINHACK

Viewing / Editing File: index.php

<?php
		include("header.php");
	?>

<div class="section fp-auto-height" id="section1">
		<section class="banner myContent">
			<div class="particle-network-animation"></div>
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-7 col-xs-6">
						<div class="raj-name" data-aos="zoom-in" style="transition:all 1500ms ease-in-out; color: #ce00ce;">
							<h6>Hello, It's Me</h6>
							<h4>Babul Majumdar [ Raj ]</h4>
							<h5>And i'm 
								<div class="message">
							    	<div class="word1">Web Developer</div>
							    	<div class="word2">I Create Unique Designer</div>
							    	<div class="word3">Frontend Developer</div>
							  	</div>
							</h5>
							<p>I am a <b>web designer</b> with extensive experience for only<b> 5 years </b>expertise is to  create and web design, <b>Fronted design</b> and many more..</p>

<ul>
							  <li>
							    <a href="https://www.facebook.com/raaz.majumdar/" target="_blank">
							      <i class="fa-brands fa-facebook-f"></i>
							    </a>
							    
							  </li>
							  <li>
							    <a href="https://in.linkedin.com/in/raaz-majumdar-425868180" target="_blank">
							      <i class="fa-brands fa-linkedin-in"></i>
							    </a>
							    </li>
							  <li>
							    <a href="https://instagram.com/babulmajumdar02?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D" target="_blank">
							      <i class="fa-brands fa-instagram"></i>
							    </a> 
							  </li>
							</ul>
							<a href="images/resume-RAJ.pdf" target="_blank" class="down">Download CV</a>
						</div>
					</div>
					<div class="col-md-6 col-sm-5 col-xs-6">
						<div class="raj-photo" data-aos="fade-down"  style="transition:all 1500ms ease-in-out;; color: #ce00ce;">
							<img src="images/raaj.png" style="">
						</div>
					</div>
					<h2> 
						<span>F</span>
						<span>r</span>
						<span>o</span>
						<span>n</span>
						<span>t</span>
						<span>-</span>
						<span>E</span>
						<span>n</span>
						<span>d</span>
						<span>&nbsp;</span>
						<span>D</span>
						<span>e</span>
						<span>v</span>
						<span>e</span>
						<span>l</span>
						<span>o</span>
						<span>p</span>
						<span>e</span>
						<span>r</span>
						<span>&nbsp;</span>
						<span>&</span>
						<span>&nbsp;</span>
						<span>W</span>
						<span>e</span>
						<span>b</span>
						<span>&nbsp;</span>
						<span>d</span>
						<span>e</span>
						<span>s</span>
						<span>i</span>
						<span>g</span>
						<span>n </span>		
						
					</h2>			
				</div>
			</div>
		</section>
	</div>

<div class="section fp-auto-height" id="section2">
		<div class="about myContent">
			<div class="container">
				<div class="row">
					<div class="col-md-4 col-sm-4 col-xs-12">
						<div class="banner-images">
							<img src="images/raaz.png" class="vert-move" />
						</div>
					</div>
					<div class="col-md-8 col-sm-8 col-xs-12">
						<div class="about-dec">
							<h3>About <span>Me</span></h3>
							<h5>Summary :</h5>
							<p>I am a web designer with extensive knowledge of 5 years in front end programming.  I have well knowledge of programming languages like <b>html, html5, css, css3, javascript, jquery, photoshop, responsive design and etc.</b> I have a strong knowledge in custom design and client management.</p>
							<h5>Skill Highlights :</h5>
							<ul>
								<li><i class="fa-solid fa-code"></i> Project Management</li>
								<li><i class="fa-solid fa-code"></i> Creative Design</li>
								<li><i class="fa-solid fa-code"></i> Strong Decision maker</li>
								<li><i class="fa-solid fa-code"></i> Innovative</li>
								<li><i class="fa-solid fa-code"></i> Complex problem solver</li>
								<li><i class="fa-solid fa-code"></i> Service focused</li>
																						
							</ul>
						</div>
					</div>

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

<div class="section fp-auto-height" id="section3">
		<div class="services myContent">
			<h3>All <span>Services</span></h3>
			<h5>My Expertise Area</h5>
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<div class="raj-skil">
							<img src="images/Raj-Babul-Skil.gif">
						</div>
					</div>
					<div class="col-md-6">
						<div class="raj-services">
							<span class="fa fa-desktop mb-4"></span>
							<h4 class="card-title text-uppercase">Designing</h4>
							<p class="card-text">I can make almost any design you want. Rest you can see my projects or work with me. 4-5 years of experience.</p>
						</div>
						<div class="raj-services">
							<span class="fa fa-desktop mb-4"></span>
							<h4 class="card-title text-uppercase">PHOTOSHOP</h4>
							<p class="card-text">I know and can do almost all the work of photoshop. You can design facebook post advertising post with me. I hope you will like my design.</p>
						</div>
						<div class="raj-services">
							<span class="fa fa-desktop mb-4"></span>
							<h4 class="card-title text-uppercase">DEVELOPING</h4>
							<p class="card-text">You can teach me the front end development of all projects and I do.Besides, if you want to do any other development work, I have a team that can be done under my leadership.</p>
						</div>
						<div class="raj-services">
							<span class="fa fa-desktop mb-4"></span>
							<h4 class="card-title text-uppercase">RESPONSIVE</h4>
							<p class="card-text">Any design any framework you can give me responsive I am responsive. 4-5 years of experience</p>
						</div>

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

<div class="section fp-auto-height" id="section4">
		<div class="project myContent">
			<h3>All <span>Project</span></h3>
			<h5>All static and dynamic project</h5>
			<div class="container">

<div class="row">
				<div class="col-md-12">
					<div id="project-slider01" class="owl-carousel">
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject42.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject42.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div>

<div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject36.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject36.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div>
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject37.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject37.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject38.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject38.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject39.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject39.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject52.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject52.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div>  
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject54.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject54.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject57.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject57.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
					</div>     
				</div>
			</div>

<div class="row">
				<div class="col-md-12">
					<div id="project-slider02" class="owl-carousel">
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject61.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject61.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject62.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject62.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject63.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject63.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject64.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject64.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 	
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject65.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject65.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 
			            <div class="item">
			            	<div class="gallery-box">
			                    <a href="images/rajproject66.png" data-lightbox="example-set" data-title="">
			                    <img src="images/rajproject66.png"  class="pho-gall" alt=" " />
			                    <div class="view-caption">
			                        <p>Quick View</p>
			                    </div>
			                    </a>
			                </div>
					    </div> 	
					</div> 
				</div>
			</div>

<div class="row">
				<div class="col-md-12">
					<div id="project-slider03" class="owl-carousel">
			            <div class="item">
			                <img src="images/rajproject01.png" />
					    </div> 
			            <div class="item">
			                <img src="images/rajproject02.png" />
					    </div> 
			            <div class="item">
			                <img src="images/rajproject03.png" />
					    </div> 
			            <div class="item">
			                <img src="images/rajproject04.png" />
					    </div> 	
			            <div class="item">
			                <img src="images/rajproject05.png" />
					    </div> 
			            <div class="item">
			                <img src="images/rajproject06.png" />
					    </div> 	
			            <div class="item">
			                <img src="images/rajproject07.png" />
					    </div> 
			            <div class="item">
			                <img src="images/rajproject08.png" />
					    </div> 	
			            <div class="item">
			                <img src="images/rajproject09.png" />
					    </div> 
			            <div class="item">
			                <img src="images/rajproject10.png" />
					    </div>

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

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

<div class="section fp-auto-height" id="section5">
		<div class="contact myContent">
			<h3>Contact <span>us</span></h3>
			<p>Don’t Hesitate to contact with us for any kind of information</p>
			<div class="container">
				<div class="row">
					<div class="col-md-6 col-sm-6 col-xs-12">
						<div class="map">
							<iframe src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3671.2234263677137!2d88.695235!3d23.052268999999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjPCsDAzJzA4LjIiTiA4OMKwNDEnNDIuOSJF!5e0!3m2!1sen!2sin!4v1693423620080!5m2!1sen!2sin" width="100%" height="300px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
						</div>
					</div>
					<div class="col-md-6 col-sm-6 col-xs-12">
						<ul>
							<li><b>Address :</b></li>
							<li><a href="https://www.google.com/maps/place/23%C2%B003'08.2%22N+88%C2%B041'42.9%22E/@23.052269,88.695235,17z/data=!3m1!4b1!4m4!3m3!8m2!3d23.052269!4d88.695235?entry=ttu" target="_blank">Shimulia, Shimulia Bazar, Gopalnagar, ( N ) 24 Pgs, 743262</a></li>

<li><b>Contact :</b></li>
							<li><a href="tel:8640877364">+(91) 864 0877 364</a></li>
							<li><a href="tel:8640877364">+(91) 832 7623 283</a></li>

<li><b>Email :</b></li>
							<li><a href="mailto:babulmajumdar02@gmail.com">babulmajumdar02@gmail.com</a></li>
							<li><a href="mailto:rajnandi09@gmail.com">rajnandi09@gmail.com</a></li>
						</ul>
						<ul class="raaj-social">
						  <li>
						    <a href="https://www.facebook.com/raaz.majumdar/" target="_blank">
						      <i class="fa-brands fa-facebook-f"></i>
						    </a>
						    
						  </li>
						  <li>
						    <a href="https://in.linkedin.com/in/raaz-majumdar-425868180" target="_blank">
						      <i class="fa-brands fa-linkedin-in"></i>
						    </a>
						    </li>
						  <li>
						    <a href="https://instagram.com/babulmajumdar02?utm_source=qr&igshid=MzNlNGNkZWQ4Mg%3D%3D" target="_blank">
						      <i class="fa-brands fa-instagram"></i>
						    </a> 
						  </li>
						</ul>
					</div>					
				</div>
			</div>
			<footer>
		        <div class="container">
		            <p><b>©</b> 2018 PORTFOLIO. All Rights Reserved | Design by <b>Babul Majumdar</b></p>
		        </div>
		    </footer>
		</div>
	</div>

</div>
	
	<?php
		include("footer.php");
	?>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: index.php

Server Info

System Features

User Info