EVOLUTION-NINJA

Edit File: index.html

<!DOCTYPE html>

<head>

<title>GTRAC</title>
    
    <link rel="icon"  href="images/gtr_faveicon.png" type="png">
    
   
  
  
  
  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1234567890"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'AW-1234567890');
  </script>

</head>

<i class="fa fa-phone-square" id="color-white" aria-hidden="true"></i> &nbsp;

</div>

</div>

</div>

</div>

</div>

</div>

<!-- <div class="icon">

</div> -->

</div>

<!-- <div class="col-sm-1">

</div> -->

<img src="Image/gtr_logo.png" alt="gtrac" class="gtrac-img mx-auto d-block"
                                height="auto">&nbsp;

</button>

Home

</a>

</li>

Job Guaranteed Courses

</a>

</li>

<a class="nav-link" href="fullstackOnline.html" data-toggle="dropdown"><i
                                                class="fa fa-laptop" aria-hidden="true"></i> Online

Courses

</a>

Fullstack</a>

Php</a>

Angular</a>

<a class="dropdown-item" href="pythonOnline.html"><img width="30"
                                                    height="30" src="https://img.icons8.com/color/48/python.png"
                                                    alt="python" />Python</a>

React</a>

Cloud Computing</a>

</div>

</li>

Offline Courses</a>

Fullstack</a>

Php</a>

Angular</a>

<a class="dropdown-item" href="python.html"><img width="30" height="30"
                                                    src="https://img.icons8.com/color/48/python.png"
                                                    alt="python" />Python</a>

React</a>

Cloud Computing</a>

</div>

</li>

Gallery</a>

</li>

Placement</a>

</li>

Contact

us</a>

</li>

About

us</a>

</li>

<!-- <li class="nav-item dropdown">

Dropdown link

</a>

<a class="dropdown-item" href="#">Action</a>

<a class="dropdown-item" href="#">Another action</a>

<a class="dropdown-item" href="#">Something else here</a>

</div>

</li> -->

</ul>

</div>

</nav>

</div>

</ol>

</div>

</div>

</div>

</div>

<span class="sr-only">Previous</span>

</button>

</button>

</div>

</section>

<h5 class="m-3" style="color: #5A9F3B;"><b><span class="value" akhi="2000"
                                        style="color: #5A9F3B; font-size: larger;"></span> +Students</b></h5>

<p class="m-3 card-text">We have turned more than 2000 beginners into professionals and

helped

them get hired for their dream job.

</p>

</div>

<h5 class="m-3" style="color: #5A9F3B;"><b><span class="value" akhi="500"
                                        style="color: #5A9F3B; font-size: larger;"></span> +Batches</b></h5>

<p class="m-3 card-text">We have to our credit over 500 batches passed out with top

placements.

Join our next batch and sharpen your skills.

</p>

</div>

<h5 class="m-3" style="color: #5A9F3B;"><b><span class="value" akhi="50"
                                        style="color: #5A9F3B; font-size: larger;"></span> +Hiring Partners</b></h5>

<p class="m-3 card-text">To provide you with top placement opportunities, we have more than

hiring partners

</p>

</div>

<h5>FULLSTACK</h5>

<p class="card-text">Full-stack development is the development of both the front and back

end of a web application. Add to your skills, coding logic, and software knowledge and

become a full-fledged Fullstack developer by enrolling in our Full Stack Development

course.</p>

</div>

<p class="card-text">The ease of use of PHP makes it an obvious choice for programmers who

want to establish themselves in cybersecurity and web applications. Learn it from the

best-in-class tutors at GTRAC.</p>

</div>

<h5>ANGULAR JS</h5>

<p class="card-text">Angular JS attempts to minimize the complex coding and create a

user-friendly web application. Angular JS experts are in high demand as every business

wants to provide a user-friendly web and mobile application for their customers.</p>

</div>

<h5>REACT NATIVE</h5>

<p class="card-text">React Native is a framework that is used in building web and mobile

apps using JavaScript. Native. Under the guidance of the faculty at GTRAC you can ace

the skill, coding logic, software UI and become an expert in the field.</p>

</div>

<h5>PYTHON</h5>

<p class="card-text">Be a versatile developer by acing the most commonly used

general-purpose language Python. You can easily be a web developer, software developer,

and ace front end and back and development with the help of this language. Our course

helps you be a pro in the language and get your dream job.</p>

</div>

<h5>CLOUD COMPUTING</h5>

<p class="card-text">Build your career in cloud computing with our cloud computing courses.

We have dedicated a curriculum syllabus for cloud computing with notes to help you. Take

the help of our expert trainers to become a cloud professional.</p>

</div>

</section>
    
    <section class="choose">

<button type="button" class="btn btn-success m-2" onclick="showModal()">Book a free demo class</button>

</div>

<h4>Why Choose Us?</h4>

<p>Our courses are designed keeping in mind the opportunities that awaits you. Your future is as

important to us, like it is for you! Want more reason to choose us?</p>

<img src="Image/icons8-programming.gif" alt="system">&nbsp;

<h5 class="p-2">Practical exposure</h5>

</div>

<img width="50" height="50" src="https://img.icons8.com/plasticine/100/books.png"
                                    alt="books" />&nbsp;

<h5 class="p-2">Experienced Faculty</h5>

</div>

<i class="fa fa-graduation-cap" style="font-size: 40px;" aria-hidden="true"></i>&nbsp;

<h5 class="p-2">100% Job Placement</h5>

</div>

<img src="Image/icons8-certificate.gif" alt="system">&nbsp;

<h5 class="p-2">Live Project Experience</h5>

</div>

<img src="Image/icons8-building.gif" alt="system">&nbsp;

<h5 class="p-2">Standard infrastructure</h5>

</div>

<img src="Image/icons8-prize.gif" alt="system">&nbsp;

<h5 class="p-2">Exposure to Giant Global Job Fair</h5>

</div>

<h5 style="float: right;">Get Free Advice</h5>

<a href="tel:+919591343563"><button style="float: right;" type="button"
                            class="btn btn-success m-2">Connect with our expert now</button></a>

</div>

</div>

</section>

<h5 class="mainheading-train">How do we train?</h5>

<p class="mainpara">We follow an interactive training process where you can attend the training

sessions on

various platform according to your convenience</p>

</div>

<h5 class="card-title">In House Training</h5>

<p class="card-text">We conduct in-house training in

a smart room with failities like

a screen and high-speed

internet.Activities like group

discussions are also conducted

to give you the right exposure</p>

</div>

<h5 class="card-title">Online Training</h5>

<p class="card-text">We enable a one-on-one

conversation with trainers

through the modern technology

of screen-sharing to help our students worldwide connect with their trainers</p>

</div>

<h5 class="card-title">Corporate Training</h5>

We provide training in

collaboration with IT companies

and college.These pieces of

training are conducted online

and on the premises to give you

an essence of their working procedure.</p>

</div>

<h5 class="card-title">Hybrid Training</h5>

<p class="card-text">We provide classes according to

your preference.Some students

prefer in-person classes,while

some are comfortable with

virtual onesOur teachers

conduct these sessions

simultaneously</p>

</div>

</div>

<h2 style=" text-align: center;">Advantages of Being Our Student</h2>

<p style=" text-align: center;">It’s quite simple and straightforward! Get started with our

training. Prepare for an interview with us. Appear in a job interview. Bag your dream job.

</p>

</div>

</div>

<p>Free Demo Class</p>

</div>

<p>Job Oriented Courses</p>

</div>

<p>Back-Up Classes</p>

</div>

<p>Technical Support Without Charges</p>

</div>

<p>HR Department for Job Assistance</p>

</div>

<p>Evaluation Process</p>

</div>

<p>Preparation for Interview</p>

</div>

<p>Experienced Faculty</p>

</div>

</section>

<a href="#durationOfCourse" data-toggle="tab"
                                class="btn btn-outline-success p-3 nav-link active">During the Course </a>

</li>&nbsp;&nbsp;&nbsp;

<a href="#afterTheCourse" data-toggle="tab"
                                class="btn btn-outline-success p-3 nav-link">After the course</a>

</li>&nbsp;&nbsp;&nbsp;

<a href="#certificationValue" data-toggle="tab"
                                class="btn btn-outline-success p-3 nav-link">Certification Value</a>

</li>

</ul>

</div>

</div>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">The curriculum of the course selected</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara  pt-3">Introduction by HR to give a brief</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">The learning process begins with a pre-informed syllabus</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Monitoring will be done through regular tests and assessments

</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Trainers will help understand the theory and throw light on

the

practical aspect</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Hands-on with projects post completion of technologies</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">A final project once the course is completed</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Evaluation will be provided once you complete the course

module

</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">A certificate will be provided to every student</p>

</div>

</div>

<div class="col-sm-1"></div>&nbsp;

<img src="IMAGE/book_icon.png " alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Learning capabilities will be assessed by the HR department

through mock tests</p>

</div>

<img src="IMAGE/book_icon.png " alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Interview tips will be provided to ace the interview</p>

</div>

<img src="IMAGE/book_icon.png " alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">There will be webinars and seminars to brush up your skills

</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Resumes will be sent to the job openings as per the

requirements

</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Multiple chances to attempt interviews</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara pt-3">Technical help will be provided for a few months even after

the

course is completed</p>

</div>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara  pt-3">GTrac’s certification is valued by ISO international</p>

</div>

<img src="IMAGE/book_icon.png" alt="book_icon" width="33px">&nbsp;&nbsp;

<p class="coursePara  pt-3">This certification is based on overall assessment in the

class as

well as practical aspects by HR</p>

</div>

</div>

<h2>Hear it from our students…</h2>

<h3>BHUJANGAPPA K</h3>

</div>

<p>This institution is quite good for the fresher who doesn't know the job market and the

skills

required to bag a job.

It was a good experience to be a part of this institution Appreciate the teaching method

Shankar Sir.</p>

</div>

<h3>SHRUTHI DINESH</h3>

</div>

<p>Best training institute in Mysore. It helped me to improve my practical knowledge.</p>

</div>

<h3>NIKETHAN NR</h3>

</div>

<p>Teaching is great. I had a good time learning at this Institute.</p>

</div>

</section>

</main>

</div>

<h2 style="font-weight: bolder;font-size: 25px;">Frequently Asked Questions</h2>

Q.1. Is GTRAC a registered organization?

</button>

</h2>

</div>

Yes. Being the best training institute, we are a legitimate organization. Our

company was established in 2015 with ISO certification. <code>.show</code> class.

</div>

Q.2. Why do I need to join GTRAC for the course?

</button>

</h2>

</div>

GTRAC has experienced faculty, hands-on project, and practical exposure. We provide

100% placement in all our job-oriented courses. After completing the course, we

provide live project experience

and technical support for a few months. This makes our students more likely to be

hired by companies.

</div>

Q.3. What kind of certification does Greenfield have?

</button>

</h2>

</div>

Greenfield has ISO certification and supports other brands.

</div>

Q.4. Do you provide jobs?

</button>

</h2>

</div>

Yes, we have 100% placement with job-oriented courses. We assist you in preparing

for your interviews as well.

</div>

</section>

<h3 style="color: aliceblue;     padding-top: 20px;font-family: math; ">Our candidates are working in these

companies</h3>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

</div>

</div>

<div>

<h3 class="heading mt-4">Placement Assistance Program From MNC HR For Premium Batch</h3>

</div>

<div class="hchild">For our premium students, we have a placement assistance program from MNC HR.

</div>

<div class="content"><b>Contact number</b>

</div>

<div class="add"><b>Address</b></div>

<div class="DNO">656/D, 16th Main,5th Cross, Above

Iyengars bakery, Opp.Bakepoint, Saraswathipuram, Mysore.

</div>

</div>

</section>

<h5>About us</h5>

<p>GTrac provides career growth with professional certification. Brush your skills

with experienced faculty and job security. Get your future secured with our job-oriented

courses.</p>

<div>

</path>

</svg></i></a>

</div>

<div>

</path>

</svg></a>

</div>

<div>

</path>

</svg>

</a>

</div>

<div>

</path>

</svg></a>

</div>

<div>

</path>

</svg></a>

</div>

<!-- <div>

viewBox="0 0 24 24" height="1.em" width="1.5em" xmlns="http://www.w3.org/2000/svg">

<path

d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z">

</path>

</svg></a>

<path

</path>

</svg></a>

</div> -->

</div>

<h5>Quick links</h5>

<ul>

<li><a href="fullstack.html">Fullstack</a></li>

<li><a href="angular.html">Angular JS</a></li>

<li><a href="react.html">React Native</a></li>

<li><a href="python.html">Python</a></li>

<li><a href="cloud_computing.html">Cloud Computing</a></li>

</ul>

</div>

<h5>Contact us </h5>

656/D, 16th Main,5th Cross </br>

Iyengars bakery, Opp.Bakepoint,</br>

Saraswathipuram, Mysore.</br>

570009

</address>

<i class="fa fa-envelope" aria-hidden="true"></i> info@mygtrac.com</a></p>

</div>

<a href="https://www.jayblues.com/" target="_blank" class="zerozilla">Jayblues Technologies</a>

</div>

</footer>

<h5 class="modal-title" id="staticBackdropLabel">Equiry Form</h5>

<span aria-hidden="true" style="color: black;">&times;</span>

</button>

</div>

<label for="course-select">Course</label>

<option value="Full Stack">Full Stack</option>

<option value="Angular">Angular</option>

<option value="React Native">React Native</option>

<option value="Python">Python</option>

</select>

<label for="email-input">Email</label>

<label for="number-input">Number</label><br>

</div>

</div>

</form>

</div>

<button type="button" class="close-btn" data-dismiss="modal">cancel</button>

<button type="button" id="submit-btn" class="enquiry-btn" onclick="loadform()">Enquiry</button>

</div>

background-color: #ccc;

color: #333;

padding: 10px 15px;

border: none;

border-radius: 4px;

cursor: pointer;

font-size: 16px;

}

.close-btn:hover {

background-color: #ddd;

}

#load-form {

max-width: 400px;

margin: 0 auto;

/* text-align: center; */

}

#name-input,

#course-select,

#email-input,

#number-input {

width: 100%;

padding: 8px;

margin-bottom: 12px;

box-sizing: border-box;

border: 1px solid #ccc;

border-radius: 4px;

}

#course-select {

cursor: pointer;

}

#submit-btn {

background-color: #4caf50;

color: white;

padding: 10px 15px;

border: none;

border-radius: 4px;

cursor: pointer;

}

#submit-btn:hover {

background-color: #45a049;

}
    </style>

const input1 = document.querySelector("#phone1");

const errorMap = ["Invalid number", "Invalid country code", "Too short", "Too long", "Invalid number"];

const iti1 = window.intlTelInput(input1, {

initialCountry: "us",

utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js"

});

const reset = () => {

input1.classList.remove("error");

errorMsg.innerHTML = "";

errorMsg.classList.add("hide");

validMsg.classList.add("hide");

};

button.addEventListener('click', () => {

reset();

if (input1.value.trim()) {

if (iti1.isValidNumber()) {

validMsg.classList.remove("hide");

} else {

input1.classList.add("error");

const errorCode = iti1.getValidationError();

errorMsg.innerHTML = errorMap[errorCode] || "Invalid number";

errorMsg.classList.remove("hide");

}

});

input.addEventListener('change', reset);

input.addEventListener('keyup', reset);

</script>

function showModal() {

$('#staticBackdrop').modal('show');

}

function loadform() {

const name = document.getElementById('name-input').value;

const number = document.getElementById('phone1').value;

const alertElement = document.getElementById('alert');

const divmessage = document.getElementById('div-message');

const alertElement1 = document.getElementById('alert1');
            const divmessage1 = document.getElementById('div-message1');

if (name == '') {

alertElement.style.display = 'block';

divmessage.textContent = '! Please Enter a Name'

setTimeout(() => {

alertElement.style.display = 'none';

}, 2000);

return;

}

if (number.length < 13) {

alertElement.style.display = 'block';

divmessage.textContent = '! Please Enter Valid Mobile Number'

setTimeout(() => {

alertElement.style.display = 'none';

}, 2000);

return;

}

fetch('sendmail.php', {

method: 'POST',

headers: {

'Content-Type': 'application/x-www-form-urlencoded',

body: new URLSearchParams(new FormData(document.getElementById('load-form'))),

})

.then(response => response.text())

.then(data => {
                    alertElement1.style.display = 'block';
                    divmessage1.textContent = 'We have successfully received your enquiry. Thank you';

setTimeout(() => {
                        alertElement1.style.display = 'none';
                    }, 2000);

// Assuming hideModal is a function defined somewhere
                    hideModal();

document.getElementById('load-form').reset();

console.log(data);

})

.catch(error => {

console.error('Error:', error);

});

}

function hideModal() {

var modal = $('#staticBackdrop');

modal.modal('hide');

modal.on('hidden.bs.modal', function (e) {

modal.find('.modal-content form')[0].reset();

modal.off('hidden.bs.modal');

});

}

</script>

function myFunction() {

var x = document.getElementById("myNavbar");

if (x.className === "navbar") {

x.className += " responsive";

} else {

x.className = "navbar";

}

</script>

const counters = document.querySelectorAll('.value');

const speed = 1000;

counters.forEach(counter => {

const animate = () => {

const value = +counter.getAttribute('akhi');

const data = +counter.innerText;

const time = value / speed;

if (data < value) {

counter.innerText = Math.ceil(data + time);

setTimeout(animate, 5);

} else {

counter.innerText = value;

}

animate();

});

</script>

</body>

</html>