Personal website
Data science projects in pondicherry
Create New

Personal website

Project period

08/03/2020 - 08/31/2020

Views

96

0

Project Category

Electronics



Personal website
Personal website

This project My personal profile is a degree internet-based electronic computer that may use photos to inform his personal story- and it reads quite the style of a cool, digital scrapbook—by discussing educational background, Project and skills during a highly visual way. This personal web content is a worldwide web pager created by a person to contain content of a private nature instead of content per corporation, organization, or institution. A personal website is primarily used for private career marketing by containing a list of the individual’s skills, experience, and resume.

These sites are often interactive and animated in an exceedingly way that gives information about me and also shows hiring managers why they ought to work with me. It's assumed that the audience of my website is potential employers in the IT industry and customers who search for web development outsourcing services. a private website can express one’s personality and increase the probability of obtaining interviews. I plan to try this because this website is going to be beneficial for my job landing in the near future.

Why: Problem statement

In earlier days, interviews were done manually by taking a tough copy of our CV then contacting the corporate, but it had been time-consuming work. But now, this can be tiring a fraction of a second using the non-public website and it reduces the paperwork.

This project is to develop a web-based personal profile process system for hiring managers. Some important features included during this profile are the list of about, education qualification, skills, contact.

This project ‘my personal profile’ could be a web-based forum during which managers are going to be able to identify my qualification for the work vacancies. I made a decision to style my website using the architecture with three rows. they're header, container, and footer. If I create many sections on the page, a user will find it harder to look for information. This straightforward layout will reduce a user’s cognitive load by the main focus of the knowledge.

How: Solution description

In order to create our own personal website online, we have done this project.

Module in this project:

Home page: Homepage is too intimate the pages are about page, resume page, project page, and contact page, a user will find it easy to search for information and understand the content.

About page: This page is to introduce myself and give a visitor’s first impression of me. In addition, a button will be provided to let the potential employers obtain in my project.

Resume page: This page is about my qualification for a suitable job vacancy to hire managers and institutions etc…

Project page: It is used to showcase and document the projects which I did during my academic year. 

Contact page: This page is to provide my contact information to users and collect user’s feedback or messages they leave.

 

 

How is it different from competition

My profile is the way to get a job to compare others because I have a website to establish myself. It reduces my time consumption, paper works, etc…

Hence, this profile remains user-friendly and enables us to work with higher efficiency. It remains a comprehensive resource for those who are in search of an employer to hire a company. At some point in the personal branding process, you want to do a thorough analysis of your competitors to see what they do well and what you can learn from their best practices. You want to look for opportunities that your competition may be missing and determine what needs are going unmet that you can serve.

Who are your customers

This social tool has been around for an extended time, however, most people still miss the bull's-eye once it involves launching a blog as part of their website. The important reason to launch your in-site blog is to connect with your audience. The facility of the blog is that it provides guests the ability to comment. Additionally, your blog should be a space to encourage discussion and share your information, not an extended sales talk on a new product or service.This can provide your guests with additional price and illustrate your commitment to connecting along with your purchasers. 

The customers of this profile are the students, institutions, and hiring employers for the company. This profile is used to sourcing jobs through the internet. This can be done in a variety of ways from social communications recruiting to online jobs. It will intimate the company that it needs a job for a web developer vacancy. 

Project Phases and Schedule

  • Study: Studied more online websites and benchmark the features on these websites.
  • Block diagram: Create a block diagram to add important points. Explained in detail about the website from start to end result.
  • Technical Feasibility: To be aware of technical languages like HTML 5, CSS, JAVASCRIPT, and BOOTSTRAP. Because I created this website using these programming languages.
  • Create Pages: Define the pages we need for this website like home page, profile page, etc.
  • Create front-end design: Using HTML 5, CSS, JAVASCRIPT, and BOOTSTRAP.
  • Test and execution: Finally I run this code and tested the website. Then I made some corrections. 

Resources Required

Software:

Operating system: Window 10 pro

Windows 10 could be a series of operating systems developed by Microsoft and released as a part of its Windows NT family of operating systems. its the successor to Windows 8.1, released nearly two years earlier, and was released to manufacturing on July 15, 2015, and broadly released for the overall public on July 29, 2015.

Coding Language:

HTML: Hypertext terminology is the standard nomenclature for documents designed to be displayed during a browser. It is often assisted by technologies like Cascading Style Sheets and scripting languages like JavaScript

CSS: Cascading Style Sheets could be a sheet of the paper language used for describing the presentation of a document written during a language like HTML. CSS could be a cornerstone technology of the globe Wide Web, alongside HTML and JavaScript

BOOTSTRAP: Bootstrap may be a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components

JAVASCRIPT: It is an open-source, server-side Internet application designed for web developers to style and makes sites. Developed by Microsoft to allow programmers to make dynamic and static websites, applications.

Download:
Project Code Code copy
/* Your file Name : ramine.html */
/* Your coding Language : html */
/* Your code snippet start here */
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>My personal website </title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">

    <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">

    <link rel="stylesheet" href="css/aos.css">

    <link rel="stylesheet" href="css/ionicons.min.css">
    
    <link rel="stylesheet" href="css/flaticon.css">
    <link rel="stylesheet" href="css/icomoon.css">
    <link rel="stylesheet" href="css/style.css">
<script>
	function validateform(){
		var w=document.forms["myForm"]["fname"].value;
		if(w==""){
			alert("Name must be filled out");
			return false;}
			var x=document.forms["myForm"]["ename"].value;
		if(x==""){
			alert("Email id must be filled out");
			return false;}
			var y=document.forms["myForm"]["gname"].value;
		if(y==""){
			alert("Subject must be filled out");
			return false;}
			var z=document.forms["myForm"]["hname"].value;
		if(z==""){
			alert("Message must be filled out");
			return false;}
	}
</script>
  </head>
  <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
	  
	  
    <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
	    <div class="container">
	      <a class="navbar-brand" href="#"><span>R</span>amine</a>
	      <button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
	        <span class="oi oi-menu"></span> Menu
	      </button>

	      <div class="collapse navbar-collapse" id="ftco-nav">
	        <ul class="navbar-nav nav ml-auto">
	          <li class="nav-item"><a href="#home-section" class="nav-link"><span>Home</span></a></li>
	          <li class="nav-item"><a href="#about-section" class="nav-link"><span>About</span></a></li>
	          <li class="nav-item"><a href="#resume-section" class="nav-link"><span>Resume</span></a></li>
	          <li class="nav-item"><a href="#projects-section" class="nav-link"><span>Projects</span></a></li>
	          <li class="nav-item"><a href="#contact-section" class="nav-link"><span>Contact</span></a></li>
	        </ul>
	      </div>
	    </div>
	  </nav>
	  <section class="hero-wrap js-fullheight">
      <div class="overlay"></div>
      <div class="container">
        <div class="row no-gutters slider-text js-fullheight justify-content-center align-items-center">
          <div class="col-lg-8 col-md-6 ftco-animate d-flex align-items-center">
          	<div class="text text-center">
          		<span class="subheading">Hey! I am</span>
		  				<h1>Ramya Varathan</h1>
			  				<h2>I'm a 
								  <span
								     class="txt-rotate"
								     data-period="2000"
								     data-rotate='[ "Web Designer.", "Developer."]'></span>
								</h2>
							</div>
            </div>
          </div>
        </div>
      </div>
      <div class="mouse">
				<a href="#" class="mouse-icon">
					<div class="mouse-wheel"><span class="ion-ios-arrow-round-down"></span></div>
				</a>
			</div>
    </section>

    <section class="ftco-about img ftco-section ftco-no-pt ftco-no-pb" id="about-section">
    	<div class="container">
    		<div class="row d-flex no-gutters">
    			<div class="col-md-6 col-lg-6 d-flex">
    				<div class="img-about img d-flex align-items-stretch">
    					<div class="overlay"></div>
	    				<div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/graduate.jpg);">
	    				</div>
    				</div>
    			</div>
    			<div class="col-md-6 col-lg-6 pl-md-5 py-5">
    				<div class="row justify-content-start pb-3">
		          <div class="col-md-12 heading-section ftco-animate">
		          	<h1 class="big">About</h1>
		            <h2 class="mb-4">About Me</h2>
		            <p>There are three responses to a piece of design- Yes, No, and WoW! WoW is the one to aim for</p>
		            <ul class="about-info mt-4 px-md-0 px-2">
		            	<li class="d-flex"><span>Name:</span> <span>Ramya Varathan</span></li>
		            	<li class="d-flex"><span>Date of birth:</span> <span>June 13, 1999</span></li>
		            	<li class="d-flex"><span>Address:</span> <span>Pudupet from Puducherry</span></li>
		            	<li class="d-flex"><span>Email:</span> <span>ramyavarathan13@gmail.com</span></li>
		            	<li class="d-flex"><span>Phone: </span> <span>99945 37141</span></li>
		            </ul>
		          </div>
		        </div>
	          <div class="counter-wrap ftco-animate d-flex mt-md-3">
              <div class="text">
              	<p class="mb-4">
	                <span class="number" data-number="3">0</span>
	                <span>Project complete</span>
                </p>
                <p><a href="images/project.pdf" class="btn btn-primary py-3 px-3">view project</a></p>
              </div>
	          </div>
	        </div>
        </div>
    	</div>
    </section>

    

    <section class="ftco-section ftco-no-pb goto-here" id="resume-section">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-3">
				    <nav id="navi">
					    <ul>
					      <li><a href="#page-1">Education</a></li>
					      <li><a href="#page-2">Skills</a></li>
					    </ul>
					  </nav>
					</div>
					<div class="col-md-9">
					  <div id="page-1" class= "page one">
					  	<h2 class="heading">Education</h2>
					    <div class="resume-wrap d-flex ftco-animate">
					    	<div class="icon d-flex align-items-center justify-content-center">
					    		<span class="flaticon-ideas"></span>
					    	</div>
					    	<div class="text pl-3">
		    					<span class="date">2013-2014</span>
		    					<h2>SSLC</h2>
		    					<span class="position">Immaculate Heart Of Marry Girls Higher Secondary School.</span>
	    					</div>
	    				</div>
	    				<div class="resume-wrap d-flex ftco-animate">
	    					<div class="icon d-flex align-items-center justify-content-center">
					    		<span class="flaticon-ideas"></span>
					    	</div>
					    	<div class="text pl-3">
		    					<span class="date">2015-2016</span>
		    					<h2>HSC</h2>
		    					<span class="position">Immaculate Heart Of Marry Girls Higher Secondary School.</span>
		    				</div>
	    				</div>
	    				<div class="resume-wrap d-flex ftco-animate">
	    					<div class="icon d-flex align-items-center justify-content-center">
					    		<span class="flaticon-ideas"></span>
					    	</div>
					    	<div class="text pl-3">
		    					<span class="date">2016-2020</span>
		    					<h2>Bachelor Of Technology.(Electronics & Communication Engineering).</h2>
		    					<span class="position">Alpha College Of Engineering And Technology.</span>
		    				</div>
	    				</div>
					  </div>

					  <div id="page-2" class= "page two">
					  	<h2 class="heading">Skills</h2>
					  	<div class="row progress-circle mb-5">
					  		<div class="col-lg-4 mb-4">
						      <div class="bg-white rounded-lg shadow p-4">
						        <h2 class="h5 font-weight-bold text-center mb-4">HTML</h2>

						        <!-- Progress bar 1 -->
						        <div class="progress mx-auto" data-value='80'>
						          <span class="progress-left">
                        <span class="progress-bar border-primary"></span>
						          </span>
						          <span class="progress-right">
                        <span class="progress-bar border-primary"></span>
						          </span>
						          <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
						            <div class="h2 font-weight-bold">80<sup class="small">%</sup></div>
						          </div>
						        </div>
						        <!-- END -->

						        <!-- Demo info -->
						        <div class="row text-center mt-4">
						          <div class="col-6 border-right">
						            <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
						          </div>
						          <div class="col-6">
						            <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
						          </div>
						        </div>
						        <!-- END -->
						      </div>
						    </div>

						    <div class="col-lg-4 mb-4">
						      <div class="bg-white rounded-lg shadow p-4">
						        <h2 class="h5 font-weight-bold text-center mb-4">CSS</h2>

						        <!-- Progress bar 1 -->
						        <div class="progress mx-auto" data-value='80'>
						          <span class="progress-left">
                        <span class="progress-bar border-primary"></span>
						          </span>
						          <span class="progress-right">
                        <span class="progress-bar border-primary"></span>
						          </span>
						          <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
						            <div class="h2 font-weight-bold">80<sup class="small">%</sup></div>
						          </div>
						        </div>
						        <!-- END -->

						        <!-- Demo info -->
						        <div class="row text-center mt-4">
						          <div class="col-6 border-right">
						            <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
						          </div>
						          <div class="col-6">
						            <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
						          </div>
						        </div>
						        <!-- END -->
						      </div>
						    </div>

						    <div class="col-lg-4 mb-4">
						      <div class="bg-white rounded-lg shadow p-4">
						        <h2 class="h5 font-weight-bold text-center mb-4">BOOTSTRAP</h2>

						        <!-- Progress bar 1 -->
						        <div class="progress mx-auto" data-value='75'>
						          <span class="progress-left">
                        <span class="progress-bar border-primary"></span>
						          </span>
						          <span class="progress-right">
                        <span class="progress-bar border-primary"></span>
						          </span>
						          <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
						            <div class="h2 font-weight-bold">75<sup class="small">%</sup></div>
						          </div>
						        </div>
						        <!-- END -->

						        <!-- Demo info -->
						        <div class="row text-center mt-4">
						          <div class="col-6 border-right">
						            <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
						          </div>
						          <div class="col-6">
						            <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
						          </div>
						        </div>
						        <!-- END -->
						      </div>
						    </div>
					  	</div>
					  	<div class="row">
					  		<div class="col-md-6 animate-box">
									<div class="progress-wrap ftco-animate">
										<h3>JAVA SCRIPT</h3>
										<div class="progress">
										 	<div class="progress-bar color-1" role="progressbar" aria-valuenow="70"
										  	aria-valuemin="0" aria-valuemax="100" style="width:70%">
										    <span>70%</span>
										  	</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 animate-box">
									<div class="progress-wrap ftco-animate">
										<h3>C</h3>
										<div class="progress">
										 	<div class="progress-bar color-2" role="progressbar" aria-valuenow="75"
										  	aria-valuemin="0" aria-valuemax="100" style="width:75%">
										    <span>75%</span>
										  	</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 animate-box">
									<div class="progress-wrap ftco-animate">
										<h3>C++</h3>
										<div class="progress">
										 	<div class="progress-bar color-3" role="progressbar" aria-valuenow="70"
										  	aria-valuemin="0" aria-valuemax="100" style="width:70%">
										    <span>70%</span>
										  	</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 animate-box">
									<div class="progress-wrap ftco-animate">
										<h3>JAVA</h3>
										<div class="progress">
										 	<div class="progress-bar color-4" role="progressbar" aria-valuenow="60"
										  	aria-valuemin="0" aria-valuemax="100" style="width:60%">
										    <span>60%</span>
										  	</div>
										</div>
									</div>
								</div>
								<div class="col-md-6 animate-box">
									<div class="progress-wrap ftco-animate">
										<h3>PYTHON</h3>
										<div class="progress">
										 	<div class="progress-bar color-5" role="progressbar" aria-valuenow="65"
										  	aria-valuemin="0" aria-valuemax="100" style="width:65%">
										    <span>65%</span>
										  	</div>
										</div>
									</div>
					  	</div>
					  </div>
					  </div>
					</div>
			  </div>
    	</div>
				</div>
    	</div>
 

    <section class="ftco-section ftco-project" id="projects-section">
    	<div class="container-fluid px-md-0">
    		<div class="row no-gutters justify-content-center pb-5">
          <div class="col-md-12 heading-section text-center ftco-animate">
          	<h1 class="big big-2">Projects</h1>
            <h2> My Projects </h2>
  			<object data="images/project.pdf" type="application/pdf" width="500" height="400">
              <a href="images/project.pdf">project.pdf</a>
              </object>	
          </div>
      </div>
  </div>
       <section class="ftco-section contact-section ftco-no-pb" id="contact-section">
      <div class="container">
      	<div class="row justify-content-center mb-5 pb-3">
          <div class="col-md-7 heading-section text-center ftco-animate">
            <h1 class="big big-2">Contact</h1>
            <h2 class="mb-4">Contact Me</h2>
            <p>Everybody's a Web designer until, you know, they actually try to do it.</p>
          </div>
        </div>

        <div class="row d-flex contact-info mb-5">
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box text-center p-4 shadow">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-map-signs"></span>
          		</div>
          		<div>
	          		<h3 class="mb-4">Address</h3>
		            <p>2,Muthamizh street, pudupet, puducheery.</p>
		          </div>
	          </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box text-center p-4 shadow">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-phone2"></span>
          		</div>
          		<div>
	          		<h3 class="mb-4">Contact Number</h3>
		            <p><a href="tel://1234567920">99945 37141</a></p>
	            </div>
	          </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box text-center p-4 shadow">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-paper-plane"></span>
          		</div>
          		<div>
	          		<h3 class="mb-4">Email Address</h3>
		            <p><a href="mailto:info@yoursite.com">ramyavarathan13@gmail.com</a></p>
		          </div>
	          </div>
          </div>
          <div class="col-md-6 col-lg-3 d-flex ftco-animate">
          	<div class="align-self-stretch box text-center p-4 shadow">
          		<div class="icon d-flex align-items-center justify-content-center">
          			<span class="icon-globe"></span>
          		</div>
          		<div>
	          		<h3 class="mb-4">Website</h3>
		            <p><a href="#">my personal.com</a></p>
	            </div>
	          </div>
          </div>
        </div>

        <div class="row no-gutters block-9">
          <div class="col-md-6 order-md-last d-flex">
            <form name="myForm" action="ramine.html#" class="bg-light p-4 p-md-5 contact-form"onsubmit="return validateform()" method="post">
              <div class="form-group">
                <input type="text" class="form-control"name="fname" placeholder="Your Name">
              </div>
              <div class="form-group">
                <input type="text" class="form-control" name="ename" placeholder="Your Email">
              </div>
              <div class="form-group">
                <input type="text" class="form-control"  name="gname" placeholder="Subject">
              </div>
              <div class="form-group">
                <textarea name="hname" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
              </div>
              <div class="form-group">
                <input type="submit" value="Send Message" class="btn btn-primary py-3 px-5">
              </div>
              </form>
              </div>

          <div class="col-md-6 d-flex">
          	<div class="img" style="background-image: url(images/graduate.jpg);"></div>
          </div>
        </div>
      </div>
    </section>
		

    <footer class="ftco-footer ftco-section">
      <div class="container">
        <div class="row mb-5">
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
              <h2 class="ftco-heading-2">About</h2>
              <p>Everybody's a Web designer until, you know, they actually try to do it.</p>
              <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5">
                <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
                <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
                <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
              </ul>
            </div>
          </div>
          <div class="col-md">
            <div class="ftco-footer-widget mb-4 ml-md-4">
              <h2 class="ftco-heading-2">Links</h2>
              <ul class="list-unstyled">
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Home</a></li>
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>About</a></li>
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Resume</a></li>
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Projects</a></li>
                <li><a href="#"><span class="icon-long-arrow-right mr-2"></span>Contact</a></li>
              </ul>
            </div>
          </div>
          
          <div class="col-md">
            <div class="ftco-footer-widget mb-4">
            	<h2 class="ftco-heading-2">Have a Questions?</h2>
            	<div class="block-23 mb-3">
	              <ul>
	                <li><span class="icon icon-map-marker"></span><span class="text">2, muthamizh street, pudupet, puducherry.</span></li>
	                <li><a href="#"><span class="icon icon-phone"></span><span class="text">+91-99945 37141</span></a></li>
	                <li><a href="#"><span class="icon icon-envelope"></span><span class="text">ramyavarathan13@gmail.com</span></a></li>
	              </ul>
	            </div>
            </div>
          </div>
        </div>
        
      </div>
    </footer>
    
  

  <!-- loader -->
  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>


  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-migrate-3.0.1.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.waypoints.min.js"></script>
  <script src="js/jquery.stellar.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/aos.js"></script>
  <script src="js/jquery.animateNumber.min.js"></script>
  <script src="js/scrollax.min.js"></script>
  
  <script src="js/main.js"></script>
    
  </body>
</html>
View on Github
My personal profile

Comments

Leave a Comment

Post a Comment

Are you Interested in this project?


Do you need help with a similar project? We can guide you. Please Click the Contact Us button.


Contact Us

Social Sharing