Internship Report – EziTech.

org
BCS213124 Abdullah Aijaz

Abdullah Aijaz
[Link]@[Link]

0
Contents
Acknowledgment.........................................................................................................................................2
1. Introduction.......................................................................................................................................3
2. Internship Details................................................................................................................................4
3. Objectives of the Internship...............................................................................................................5
1. Improve Professional Skills:.............................................................................................................5
2. Strengthen Web Development Skills:..............................................................................................5
3. Learn New Technologies:.................................................................................................................5
4. Gain Real-World Project Experience:...............................................................................................5
5. Receive Feedback and Improve:......................................................................................................5
4. Organization Overview.....................................................................................................................5
5. Internship Timeline.............................................................................................................................6
Weeks 1-2: Initial Orientation and Skill Refresh..................................................................................6
Weeks 3-4: Homeland Template Clone...............................................................................................6
Weeks 5-6: Banker Template Clone.....................................................................................................6
6. Work Description................................................................................................................................7
Weeks 1-2 Mini Projects and tutorials:................................................................................................7
Weeks 3-4: Homeland Template Clone...............................................................................................8
Pages in the Homeland Template........................................................................................................9
Weeks 5–6 Banker Template Clone:..................................................................................................10
Key Tasks Performed in Banker clone................................................................................................10
6. Tasks and Responsibilities................................................................................................................12

Ezitech – FrontEnd Intern Report

Acknowledgment
I would like to express my heartfelt gratitude to Ezitech Institute for providing me with the
opportunity to undertake this valuable internship experience. The exposure to web
development practices has significantly enhanced my skills and knowledge, preparing me for
future challenges in this field.

I would like to extend my sincere thanks to my manager, Sir Muzammil, for his constant
guidance, support, and encouragement throughout my internship. His expertise in web
development and his willingness to help at every step allowed me to grow and overcome any
challenges I faced.

A special thanks to my supervisor, Sir Qamar, for his insightful feedback, direction, and
constructive criticism. His leadership and attention to detail helped me improve my technical
abilities and gain a deeper understanding of the real-world application of the concepts I had
learned.

I am truly grateful to everyone at Ezitech Institute for fostering an environment of learning

and professional growth. This internship has been an enriching experience, and I look
forward to applying the knowledge I have gained in future endeavors.

Ezitech – FrontEnd Intern Report

 1. Introduction
Internships are an essential part of academic growth, bridging the gap between theoretical
knowledge and practical experience. My internship at Ezitech Institute has been a pivotal
phase in my journey as a web developer, allowing me to apply and expand the skills I had
acquired during my studies. As part of my academic curriculum at [Your University Name],
I had covered basic web development concepts, such as HTML, CSS, and JavaScript, with an
introductory focus on JsvaScript. However, the practical exposure I received during my
internship at Ezitech Institute has provided me with a more hands-on understanding of the
web development field.

Choosing web development as my area of focus for the internship was an intentional
decision, as I had previously completed a WordPress development course, which introduced
me to fundamental website concepts. Though I was slightly out of practice, the decision was
driven by my desire to get back into the field where I could leverage my existing knowledge
while learning new skills in a professional environment.

The internship provided me with the opportunity to work on two major projects: cloning the
"Homeland" template and the "Banker" template, both of which were based on
responsive web design using HTML, CSS, and JavaScript. This hands-on work gave me the
chance to improve my front-end development skills and adapt to real-world project
requirements. I also faced challenges that allowed me to grow both personally and
professionally, particularly in working with JavaScript, and integrating responsive designs to
ensure cross-device compatibility.

Ezitech – FrontEnd Intern Report

 [Link] Details

 Company Name:
Ezitech Institute
 Internship Duration:
1st August 2025 to 20th September 2025 (Six Weeks)
 Position:
Front-End Development Intern
 Internship Supervisor:
Sir Muzammil Javaid
Internship Manager,
Ezitech Institute
Contact: +92 337 7777860
 Address:
Office #304-B، Amna Plaza, Main Peshawar Rd, Rawalpindi, 46000
 Organization Website:
[Link]

Ezitech – FrontEnd Intern Report

 [Link] of the Internship
The main objectives of my internship at Ezitech Institute were to improve my skills in web development
and gain hands-on experience in a professional environment. Below are the key goals I aimed to achieve:

1. Improve Professional Skills:

I wanted to develop better communication, time management, and teamwork skills while working in a
real-world environment. This helped me understand how to work effectively with colleagues and meet
deadlines.

2. Strengthen Web Development Skills:

I aimed to enhance my skills in HTML, CSS, and JavaScript to build responsive websites. I also
focused on improving my knowledge of front-end development techniques and tools.

3. Learn New Technologies:

One of my goals was to learning how to design a webpage from scratch through code.

4. Gain Real-World Project Experience:

I wanted to apply my academic knowledge by working on real projects, like cloning the Homeland and
Banker website templates. This helped me learn how to turn designs into functional websites.

5. Receive Feedback and Improve:

I aimed to get feedback from my supervisors, Sir Muzammil, to improve my coding skills and overall
performance.

4. Organization Overview
Ezitech Institute is a subsidiary of Eziline Software House, established in 2007. The institute
focuses on providing high-quality web development services and training, specializing in front-
end and full-stack development. Ezitech is known for its commitment to innovation, client
satisfaction, and delivering cutting-edge digital solutions. During my internship, I had the
opportunity to work alongside skilled professionals in a dynamic environment, enhancing my
web development skills using technologies like HTML, CSS, JavaScript, and ReactJS.

Ezitech – FrontEnd Intern Report

 [Link] Timeline
Weeks 1-2: Initial Orientation and Skill Refresh

During the first two weeks, I underwent orientation and skill refreshment. I was not assigned any
specific projects but used this time to reacquaint myself with HTML, CSS, and basic JavaScript.
This helped me prepare for the upcoming tasks by revisiting essential concepts and ensuring I
was up to date with current web development practices.

Weeks 3-4: Homeland Template Clone

In the third and fourth weeks, I was tasked with cloning the Homeland template. This project
involved:

 Customizing HTML and CSS to match the original design.

 Ensuring the site was fully responsive and worked well on different screen sizes.
 Implementing some basic interactive elements using JavaScript.

Weeks 5-6: Banker Template Clone

The final two weeks were spent cloning the Banker template. Similar to the previous project, I
worked on:

 Refining the layout and adjusting design elements to meet the template’s specifications.
 Using JavaScript for interactivity and improving user engagement.
 Ensuring cross-browser compatibility and optimizing for performance.

During these six weeks, I was able to significantly improve my front-end development skills and
gain hands-on experience with real-world projects.

Ezitech – FrontEnd Intern Report

 [Link] Description
Weeks 1-2 Mini Projects and tutorials:

During the first two weeks, I focused on refreshing my core skills by taking crash courses on
HTML, CSS, and JavaScript. The primary goal was to solidify my understanding of the
fundamentals while implementing them through mini-projects. I worked on:

 HTML: Revising the structure of web pages, including elements like forms, links,
images, tables, and lists.
 CSS: Practicing layout techniques such as Flexbox, Grid, and styling for various
elements like buttons, containers, and text.

I applied the knowledge from these courses to create mini-projects, which helped me to:

 Reinforce my understanding of the basics.

 Practice coding in a hands-on environment.
 Gain confidence in my ability to build simple web pages.

 Screenshot 1 Mini Project:

Ezitech – FrontEnd Intern Report

Weeks 3-4: Homeland Template Clone

In the third and fourth weeks, I was assigned to clone the Homeland template. This project
helped me apply my revised skills to a real-world project, where I:

 Customized HTML and CSS to match the template’s design.

 Ensured the page was fully responsive and looked great on various devices.

Screenshot 3 Homeland Homepage:

Screenshot 4 Featured Properties:

Ezitech – FrontEnd Intern Report

Screenshot 5 Footer:

Pages in the Homeland Template

1. Home Page

The main landing page showcasing the key offerings, introduction to the website, and call-to-
action (CTA) for property searches or services.

2. Properties Page

A page dedicated to showcasing available properties, including filters for property types, prices,
locations, etc. It often includes property details and images.

3. Blog Page

A page that features posts, news, or articles related to the real estate market, property
management tips, or industry trends.

4. About Us Page

A page that provides information about the company, its mission, vision, team, and values, along
with any relevant background information.

5. Contact Us Page

A page with contact details, a contact form, email addresses, phone numbers, and possibly a map
showing the office location.

Ezitech – FrontEnd Intern Report

Weeks 5–6 Banker Template Clone:

In the final phase of my internship, I was assigned to clone the Banker template. This project
was more advanced compared to the Homeland template and required me to carefully implement
both design and interactivity. It was a two-week task where I focused on bringing the complete
layout, styling, and functionality as close as possible to the original template.

Key Tasks Performed in Banker clone

 Page Structure with HTML: Built the main structure of all the pages (Home, Services,
Blog, About, Contact) using semantic HTML tags for better readability and maintainability.
 Styling with CSS: Applied modern styling techniques to match the exact layout of the
Banker template. This included working with Flexbox, Grid, spacing, typography, and
responsive design.
 JavaScript Features: Integrated JavaScript for interactivity. Although I was still learning, I
managed to use DOM manipulation for navigation menus, forms, and simple dynamic
effects.
 Responsive Design: Ensured the site was mobile-friendly by implementing media queries
and testing the pages on different screen sizes.

Screenshot 6 Banker Homepage:

Ezitech – FrontEnd Intern Report

Screenshot 7 Payment Calculator:

Screenshot 8 FAQs :

Ezitech – FrontEnd Intern Report

[Link] and Responsibilities
During my internship at Ezitech Institute, I was entrusted with several tasks that helped me
develop both my technical and professional skills. Below are the key tasks and responsibilities I
undertook:

1. HTML/CSS Development:

Developed and modified web pages using HTML and CSS to match the provided templates and
ensured that the websites were fully responsive and compatible across different devices and
screen sizes.

2. JavaScript Integration:

Though I started with limited JavaScript knowledge, I made significant progress, and by the end
of the internship, I was more comfortable with integrating JavaScript into projects to create
interactive and responsive websites.

Template Cloning:

Successfully cloned the Homeland and Banker templates, customizing content, layout, and
design elements according to the project specifications. Applied web development best practices
to ensure clean, maintainable code.

4. Cross-Browser Compatibility:

Tested and ensured the cloned templates were compatible with different browsers (Chrome,
Firefox, Safari) to provide a seamless experience for users.

5. Team Collaboration:

Collaborated with senior developers and team members, participating in regular meetings to
discuss progress, challenges, and feedback. Took responsibility for delivering tasks on time
while ensuring the quality of work.

6. Learning and Self-Improvement:

Actively sought guidance from my supervisors, Sir Muzammil to improve my coding skills and
understanding of web development [Link] the initiative to explore more, such as JS, and
tried to implement them in side projects during free time.

Ezitech – FrontEnd Intern Report