Weekly Overview of Internship Activities: 07/09/21 Tuesday

Internship Report on WEB DEVELOPMENT
1. WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

WEEK 1
Date Day Work Completed
01/09/21 Wednesday Introduction to company
02/09/21 Thursday Introduction to web development
03/09/21 Friday Basic HTML Programs
04/09/21 Saturday Web page with images(blog)
06/09/21 Monday Formatted elements in HTML
07/09/21 Tuesday Text on Image
WEEK 2
08/09/21 Wednesday Registration Form
09/09/21 Thursday Employee Registration Form
10/09/21 Friday Image Slider
11/09/21 Saturday Parallax Scrolling
13/09/21 Monday Table Creation
14/09/21 Tuesday Login Page
Dept of ECE.SECAB.I.E.T, VIJAYAPURA Page 1

WEEK 3
15/09/21 Wednesday Horizontal Parallax
16/09/21 Thursday Different Buttons
17/09/21 Friday Flower shop web site(front end)
18/09/21 Saturday Java Script
20/09/21 Monday Database Creation with MySQL
21/09/21 Tuesday Python Programming
WEEK 4
22/09/21 Wednesday Fruit Shop Landing Page(Final Project)
23/09/21 Thursday Fruit Shop Landing Page(Final Project)
24/09/21 Friday Fruit Shop Landing Page(Final Project)
25/09/21 Saturday Fruit Shop Landing Page(Final Project)
27/09/21 Monday Fruit Shop Landing Page(Final Project)
28/09/21 Tuesday Fruit Shop Landing Page(Final Project)

2. Internship Objectives
 Internships are generally thought of to be reserved for college students looking to
gain experience in a particular field. However, a wide array of people can benefit
from Training Internships in order to receive real world experience and develop
their skills.
 An objective for this position should emphasize the skills you already possess in
the area and your interest in learning more.
 Internships are utilized in a number of different career fields, including
architecture, engineering, healthcare, economics, advertising and many more.
 Some internship is used to allow individuals to perform scientific research while
others are specifically designed to allow people to gain first-hand experience
working.
 Utilizing internships is a great way to build your resume and develop skills that
can be emphasized in your resume for future jobs. When you are applying for a
Training Internship, make sure to highlight any special skills or talents that can
make you stand apart from the rest of the applicants so that you have an improved
chance of landing the position.

3. Introduction
Internship opportunity provides the students a great chance to relate their theoretical
knowledge with the competitive and tough real job market environment. Moreover, if the
internship period is within the bachelor program and the students have to return to the
academia after completing it, the skills that they have developed during the internship
help them to gain a more sound academic result. After returning from internship the
students get six months for preparing himself/herself for the company and their future
career. VTU provides that glorious opportunity to their students of having an internship
within their bachelor program. I being one of the lucky ones to study in VTU that was
send me to PVK Tech Solutions to complete my internship. As an intern I joined PVK on
1st September 2021. The expectations were high and now almost nearing the end of my
internship I must admit that it was really a wonderful experience. I was lucky to get the
opportunity to complete our industrial attachment at PVK Tech Solutions. Since it is a
Website design and software company I consider myself timely to get chance to take a
deep look to their development methodology, working models, deals and industrial
behavior. I intended to look into the software industry and how it looks like, what are
their rules, responsibility and environment. I worked with the Web Development team
and generated ideas based on their development technology. The journey wasn’t that
simple. There were many obstacles, new technologies that I have to handle with, yet after
overcoming each challenge I had discovered a new potential within myself. The skills that
I have gathered are priceless to me and I cannot wait to apply those in the upcoming
semesters. In addition to that, some of the non-technical skills that I have procured,
combined with those technical skills will certainly prove handy in my future jobs.

4. System requirements specifications
4.1 System configurations
The software requirement specification can produce at the culmination of the analysis
task. The function and performance allocated to software as part of system engineering
are refined by established a complete information description, a detailed functional
description, a representation of system behavior, and indication of performance and
design constrain, appropriate validate criteria, and other information pertinent to
requirements.
4.2 Software requirements:
Operating System: Windows
Coding Language: HTML, CSS, PHP, JavaScript and Bootstrap.
Text Editor : Sublime Text3.
Database : My SQL.
Package : XAMPP.
4.3 Hardware Requirements:
Processor : Intel core i3
Memory : 8GB RAM
Hard Disk : 1TB

5. Technology
HTML
HTML is the standard mark-up language for creating Web pages.
HTML stands for Hyper Text Mark-up Language
HTML describes the structure of Web pages using mark-up
HTML elements are the building blocks of HTML pages
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on.
CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing
the presentation of a document written in a markup language such as HTML. CSS is a
cornerstone technology of the World Wide Web, alongside HTML and JavaScript.
CSS is designed to enable the separation of presentation and content, including
layout, colours, and fonts. This separation can improve content accessibility, provide
more flexibility and control in the specification of presentation characteristics, enable
multiple web page to share formatting by specifying the relevant CSS in a separate. CSS
file which reduces complexity and repetition in the structural content as well as enabling
the .CSS file to be cached to improve the page load speed between the pages that share
the file and its formatting.
JAVA Script
JavaScript, often abbreviated as JS, is a programming language that conforms to the
ECMA Script specification. JavaScript is high-level, often just-in-time compiled, and

multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-
orientation, and first-class functions.
MySQL
MySQL is an open-source relational database management system(RDBMS). Its name is
a combination of "My”, the name of co-founder Michael Widenius's daughter, and
"SQL", the abbreviation for Structured Query Language. A relational database organizes
data into one or more data tables in which data types may be related to each other; these
relations help structure the data. SQL is a language programmers use to create, modify
and extract data from the relational database, as well as control user access to the
database. In addition to relational databases and SQL, an RDBMS like MySQL works
with an operating system to implement a relational database in a computer's storage
system, manages users, allows for network access and facilitates testing database integrity
and creation of backups.

6. Coding
1. Basic HTML Programs
<!DOCTYPY HTML>
<html>
<head>
<title>myinfo</title>
</head>
<body>
<h1>Secab Institue of Engineering and Technology Vijayapur</h1>
<h2>Electronics and Communication Engineering</h2>
<p>Name: Tayyba ara Baragudi<br>
Semister: 7th<br>
Place:Vijayapur<br>
Date of Birth: 26/09/2000</p>
</body>
</html>
2. Web page with images (blog)

<!DOCTYPE html>
<html>
<head>
<title>
MEMORIES
</title>

<style>
body {
margin: 20px;
text-align: center;
h1 {
color:indianred;
h2
color:purple;
img {
float: left;
margin: 5px;
p{
text-align: justify;
font-size: 20px;
</style>
</head>
<body style="background-color:pink;">>
<h1><u><b>Memories for Life </u></b></h1>
<h2 style="color:black;"><u><b>Things ends, but memories last

forever</u></b></h2>
<h2 style="color:mediumblue;">My dear bestie</h2>

<img src= "3.jpeg" alt="image of friends" hieght="200" width="200"/>
<p style="color:white;">
<i>A moment with my dear bestie</i>. I wish to have lots of such in future and have you
in my life forever.<ins> Having a<b> best friend </b>is one of the most beautiful gifts in
life</ins>. Whether you bond over your sense of humor, work-life, family things, or
everything in between, sometimes it’s hard to put into words what your BFF means to
you. Friendship is the hardest thing in the world to explain. It’s not something you learn
in school. But if you haven’t learned the meaning of friendship, you really haven’t
learned anything. Friendship is born at that moment when one person says to another,
‘What! You too? I thought I was the only one. Friendship, a state of enduring affection,
esteem, intimacy, and trust between two people. In all cultures, friendships are important
relationships throughout a person's life span. ... It is a dyadic relationship, meaning that it
involves a series of interactions between two individuals known to each other. It is not
obligatory; two individuals choose to form a friendship with each othr. In Western
societies, friendships are one of the least prescribed close relationships, with no formal
duties or legal obligations to one another.
</p>
<h2 style="green;">Our Group V4 MAST</h2>
<p style="color:grey;">
<mark>Our last day of 5th sem.</mark> That too last exam got relief after a month of
hectic studies. had enjoyed hole day. Chit chat with my dear besties had captured these
moments in lots of stupid and silly pictures which eventually become the memoies.
Especially these which always want to remeber. As we go on after college, we remember
all the times we had together, and as our lives change, come whatever, we will still be
frends forever. Some friends are not Really friends, they are FAMILY.Friendship isn’t
about who you’ve known the longest. It’s about who walked into your life and said “I’m
here for you” and proved it. Friendship, a state of enduring affection, esteem, intimacy,
and trust between two people. In all cultures, friendships are important relationships
throughout a person's life span. ... It is a dyadic relationship, meaning that it involves a
series of interactions between two individuals known to each other.
It is not obligatory; <emp>two individuals choose to form a friendship with each other.
</emp>In Western societies, friendships are one of the least prescribed close
relationships, with no formal duties or legal obligations to one another.
</p>
<h2 style="color:mediumvioletred;">College Friends</h2>
<p style="color:cadetblue;">
When you go to college, you get to meet people from different walks of life, different
countries, continents, hear stories that will last a lifetime, and see things you won’t
forget.<br> Most friends you make in college last forever. When meeting people in
college, there are two categories of people you’ll meet. The first group is those who are
just a passing phase in your life, while others become your best of friends. " We all take
differnt paths in life, but no matter where we go, we take a little of each other
everywhere".These are some beautiful memories with these precious gems life " my dear
friends".Friendship, a state of enduring affection, esteem, intimacy, and trust between two
people. In all cultures, friendships are important relationships throughout a person's life
span. </p>
</body>
</html>

Formatted elements in HTML

<!Doctype html>
<html dir="rtl">
<head><title>Formatting Elements</title>
<style>
div
color:yellow;
background-color:green;
margin:2px;
font-size: 25px;
</style>
</head>
<body>
<b>This is bold text</b>
<strong>This is strong text</strong>
<i>This is italic text</i>
<em>This is emphasized text</em>
<mark>This is marked text</mark>
<small>This is small text</small>
<del>This is deleted text</del>
<ins>This is inserted text</ins>
x<sub>This is subcript text</sub>
x<sup>This is superscript text</sup>
<big>This is big text</big>
<p>

<h3>fruits list</h3>
<ol type="i">
<li>banana</li>
<li>mango</li>
<li>apple</li>
</ol>
<ol type="a">
<li>banana</li>
<li>mango</li>
<li>apple</li>
</ol>
<ol >
<li>banana</li>
<li>mango</li>
<li>apple</li>
</ol>
<ul>
<li>banana</li>
<li>mango</li>
<li>apple</li>
</ul>
<div>Division1</div>
<span>this</span>
<span>should</span>
<span>be combined</span>

<br>
<div>This text is for testing div</div>
<div>This text is for testing div</div>
<span>this is span</span>
<span title="click here"> submit</span><br>
<span title="Tayyba ara">My name is</span>
</p>
<p><div>The Eiffel Tower is a wrought-iron lattice tower on the Champ de Mars in
Paris, France.</div> It is named after the engineer Gustave Eiffel, whose company
designed and built the tower.</p>
</body>
</html>
Text on Image
<!Doctype html>
<html lang=en>
<head>
<style>
h1
font-size:40px;
color:Black;
text-align:center;
</style>
</head>
<body background="im.jpg" style="background-repeat:no-repeat">

<h1><strong><b>"This is Eiffel Tower"</b></strong></h1>
</body>
</html>
Registration Form
<!Doctypy html>
<html lang=eng>
<head>
<link href="style.css" rel="stylesheet" type="text/css">
<title>Form</title>
</head>
<body background="f.png" style="background-repeat:no-repeat">
<h1 font-color:"cadetblue";>Student registration form</h1>
<div class="reg">
<h2>Student Registration Form</h2>
<form align="center" onsubmit="myFunnction()">
<div>
<label for="first-name">First Name</label>
<input type="text" name="first-name" id="name"

placeholder="Harry" required title="characters should be A-Z a-z">
</div><br><br>
<div>
<label for="last-name">Last Name</label>
<input type="text" name="last-name" id="name"

placeholder="Potter" required title="characters should be A-Z a-z">
</div><br><br>
<div>
<label for="roll-number">Roll number</label>
<input type="text" name="roll-number" id="name" required>

</div><br><br>
<div>
<label for="phone-number">Phone number</label>
<input type="text" name="phone-number" value="+91" required title="enter 10 digits">
</div><br><br>
<div font-color:white;>
<label>Gender:</label><br>
<label for="gender-choise">male</label>
<input type="radio" name="gender-choice" value="choice-1">
<label for="gender-choise">female</label>
<label for="gender-choise">other</label>
</div><br><br>
<div>
<label>Date of Birth</label>
<input type="datetime-local" name="date" id="name"

placeholder="26/09/2000">
</div><br><br>
<div>
<label for="email">Email</label>
<input type="email" name="email" id="name"

placeholder="xyz@abc.com" title="enter a valid email id" >
</div><br><br>
<div>
<label for="password">Password</label>
<input type="password" id="name" name="password"

title="Password should consists of atlaest 8 charactes including one uppercase letter,
lowercase letter, numeric and one special character">

</div><br><br>
<div>
<label>Country:</label>
<select id="name" name="countries" >
<option>Country</option>
<option>India</option>
<option>Italy</option>
<option>Monaco</option>
<option>France</option>
<option>Irland</option>
<option>Greece</option>
</select>
</div><br><br>
<div>
<label>State:</label>
<option>States</option>
<option>Karnataka</option>
<option>Maharashtra</option>
<option>Kerala</option>
<option>Tamilnadu</option>
<option>Telangana</option>
<option>Andrapradesh</option>
</select>
</div><br><br>
<div>

<label>District:</label>
<option>Districts</option>
<option>Vijayapur</option>
<option>Bagalkot</option>
<option>Manglore</option>
<option>Kalburgi</option>
<option>Belgavi</option>
<option>Bidar</option>
</select>
</div><br><br>
<div>
<label>Taluka:</label>
<option>Talukas</option>
<option>Vijayapur</option>
<option>Basavanbagevadi</option>
<option>Muddebihal</option>
<option>Sindagi</option>
<option>Indi</option>
<option>Talikot</option>
</select>
</div><br><br>
<div>
<label>Languages:</label>
<option>select</option>

<option>Kannada</option>
<option>English</option>
<option>Hindi</option>
<option>Urdu</option>
<option>Telgu</option>
<option>Tamil</option>
</select>
</div><br><br>
<div>
<label>Language Specifications:</label><br>
<label>Reading</label>
<input type="checkbox"/>
<label>Writing</label>
<label>Speaking</label>
<label>Mother toungue</label>
</div><br><br>
<div>
<label>Hobbies:</label><br>
<label>Singing</label>
<label>Reading</label>
<label>Writing</label>

</div><br><br>
<input type="checkbox" name="agree">
<label for="agree">I agree to all the terms and conditions of the

form</label>
</div>
<div>
<span title="successfully submitted">
<input type="submit" value="Submit Form" value="send

request"/>
</span>
</div>
</form>
</div>
<script>
function myFunnction()
alert(You have already responded);
</script>
</body>
</html>
Employee Registration Form
<!Doctype html>
<html>
<head>
<link href="style.css" rel="stylesheet" type="text/css">

<title>Employee</title>
<style>
.button {
background-color: #4CAF50;
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
</style>
</head>
<body background="1.jpg" style="background-repeat:no-repeat">
<h1>Employee Interest Form</h1>
<div class="reg">
<h2>Employee Interest Form</h2>
<form align="center" onsubmit="myFunnction()">
<div>
<label for="Name">Name:</label>
<input type="text" name="Name" id="name" placeholder="Enter

Your Name" required title="characters should be A-Z a-z">
</div><br><br>
<div>
<label for="dept">Department:</label>
<input type="text" name="dept" id="name" placeholder="Enter Your

Department" required title="characters should be A-Z a-z">
</div><br><br>
<div>
<label for="add">Address:</label>
<input type="text" name="add" id="name" placeholder="Enter Your

Address" required title="characters should be A-Z a-z">
</div><br><br>
<div>
<label>Date of Birth</label>
<input type="datetime-local" name="date" id="name"

placeholder="26/09/2000">
</div><br><br>
<div>
<label for="email">Email</label>
<input type="email" name="email" id="name"

placeholder="xyz@abc.com" pattern=".+@gmail.com" title="enter a valid email id"
>
</div><br><br>
<div>
<label for="password">Password</label>
<input type="password" id="name" name="password"

pattern="(?=.*\d)(?=.*[0-9])(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Password should consists
of atlaest 8 charactes including one uppercase letter, lowercase letter, numeric and one
special character" required>
</div><br><br>
<div>
<label for=int">Interests:</label>

<input type="text" name="int" id="name" placeholder="Enter Your

Address" required title="characters should be A-Z a-z" rows="5" cols="5">
</div><br><br>
<div font-color:white;>
<label>Do you exercise at home?</label><br>
<label for="choise">Yes</label>
<input type="radio" name="choise" value="choice-1">
<label for="choise">No</label>
<input type="radio" name="choise" value="choice-2">
</div><br><br>
<div>
<label>How do you like to read about your favorite toics?</label><br>
<label>Online sources</label>
<label>Phone</label>
<label>Magzines</label>
<label>Books</label>
</div><br><br>
<label>Which type of movies do you like?</label>
<select id="name" name="movies" >
<option>select</option>
<option>Horror</option>
<option>Comedy</option>
<option>Romantic</option>
<option>Thriller</option>
<option>Tragedy</option>
<option>Petriotic</option>
</select>
</div><br><br>
<span title="successfully submitted">
<input type="submit" value="Submit Form" value="send request"

class="button"/>
</span>
</form>
</div>
<script>
function myFunnction()
alert(You have already responded);
</script>
</body>
</html>
Image Slider
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {box-sizing: border-box;}
body {font-family: Verdana, sans-serif;}
.mySlides {display: none;}
img {vertical-align: middle;}
/* Slideshow container */
.slideshow-container {
max-width: 2000px;
position: relative;
margin: auto;
/* Caption text */
.text {
color: #f2f2f2;
font-size:25px;
padding: 8px 12px;
position: absolute;
top: 8px;
width: 100%;
text-align: center;
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;

font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
/* The dots/bullets/indicators */
.dot {
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
.active {
background-color: #717171;
/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;

@-webkit-keyframes fade {
from {opacity: .4}
to {opacity: 1}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
</style>
</head>
<body style="background-color:navy;">
<marquee behaviour="scroll" direction="down"><img src="1.jpg" style="width:100%"

style="height:60%"></marquee>
<marquee behaviour="scroll" direction="up"><img src="2.jpg" style="width:100%"

<marquee behaviour="scroll" direction="down"><img src="4.jpg" style="width:100%"

<h2>Automatic Slideshow</h2>
<p>Change image every 4 seconds:</p>

<div class="slideshow-container">
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="1.jpg" style="width:100%" style="height:60%">
<div class="text"><marquee direction="right">Yellow Flowers</marquee></div>
</div>
<img src="2.jpg" style="width:100%" style="height:60%">
<div class="text"><marquee direction="right">Yellow Flowers2</marquee></div>
</div>
<img src="4.jpg" style="width:100%"style="height:60%">
<div class="text"><marquee direction="right">Yellow Flowers 3</marquee></div>
</div>
</div>
<br>
<div style="text-align:center">
<span class="dot"></span>

</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
slideIndex++;
if (slideIndex > slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
setTimeout(showSlides, 10000); // Change image every 3 seconds
</script>
</body>
</html>

Parallax Scrolling
<!Doctype html>
<html>
<head>
<title>Secab IET</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="container">
</div>
<div class="content">
<h1>Secab IET</h1>
<p1>SECAB Institute of Engineering and Technology (SIET) is the brainchild of the
visionary and founder of the Institute Sri S.A Punekar. It was established in 2002 and
then onwards its fame and name ameliorated to multitudes, making it a prestigious
engineering college affiliated to Visvesvaraya Technological University (VTU) and
approved by AICTE. Over the years, SIET evolved and achieved recognition as a notable
School of Engineering. The competent and committed faculty, high-quality infrastructure,
latest teaching aids are infused together to meet International Standards. The smart
classrooms and modern infrastructure provide an appealing ambience for academics with
no compromise on the facilities.
</p1>
</div>
<div class="container1">
</div>
<h1>Secab IET</h1>
<p1>SECAB Institute of Engineering and Technology (SIET) is the brainchild
of the visionary and founder of the Institute Sri S.A Punekar. It was established in 2002
and then onwards its fame and name ameliorated to multitudes, making it a prestigious

</p1>
</div>
<div class="container2">
</div>
<h1>Secab IET</h1>
<p1>SECAB Institute of Engineering and Technology (SIET) is the brainchild
of the visionary and founder of the Institute Sri S.A Punekar. It was established in 2002
and then onwards its fame and name ameliorated to multitudes, making it a prestigious
</p1>
</div>
</body>
</html>
Table Creation
<!Doctype html>
<html>
<head><h1><b>Student Table</b></h1>
<style>
th
color:red;

background-color:navy;
td
color:green;
background-color:pink;
</style>
</head><br><br>
<body>
<table border=2;">
<tr>
<th>NAME</th>
<th>USN</th>
<th>DEPT</th>
<th>SEM</th>
<th>CGPA</th>
<th>PERCENTAGE</th>
</tr>
<tr>
<td>Sana Afreen</td>
<td>2sa18cs015</td>
<td>CSE</td>
<td>7th</td>
<td>6</td>

<td>60</td>
</tr>
<tr>
<td>Fareen</td>
<td>2sa18cs014</td>
<td>CSE</td>
<td>7th</td>
<td>7</td>
<td>70</td>
</tr>
<tr>
<td>Anjum</td>
<td>2sa18ec004</td>
<td>ECE</td>
<td>7th</td>
<td>9</td>
<td>90</td>
</tr>
<tr>
<td>Shilpa</td>
<td>2sa18ec033</td>
<td>ECE</td>
<td>7th</td>
<td>9</td>
<td>90</td>
</tr>
<tr>

<td>Muskan</td>
<td>2sa18cs017</td>
<td>CSE</td>
<td>7th</td>
<td>10</td>
<td>100</td>
</tr>
</table>
</body>
</html>
Login Page
<!Doctype html>
<html>
<head>
<title>login page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<form>
<div class="log1">
<h1>Login</h1>
</div>
<div class="log">
<label>user name</label>
<input type="text" id="name" placeholder="Enter your name" required /><br><br>
<label>password</label>
<input type="password" id="pass" required /><br><br>

<span><label>Remember me</label></span>
<span><input type="checkbox" id="chek"/><br><br></span>
<input type="submit" id="button" value="log in"/><br><br>
<a href="">Forgot password</a>
</div>
</form>
</body>
</html>
Horizontal Parallax
<html>
<head>
<title>horizontal parallax </title>
<link rel="stylesheet" href="style.css
">
</head>
<body>

<div id="slideshow">
<div class="slide-wrapper">

<div class="slide">
<h1 class="slide-number">
horizontal parallax effect

</h1>
</div>
<div class="slide">
apples
</h1>
</div>
<div class="slide">
mangoes
</h1>
</div>
<div class="slide">
bananas
</h1>
</div>
</div>
</div>
</body>
</html>
Different Buttons
<html>
<head>
<title>types of buttons</title>
<link href="button.css" rel="stylesheet">
</head>
<body>
<h2>css buttons</h2>
<button>default button</button>
<a href="#" class="button">Link button</a>
<button class="button">Button</button>
<input type="button" class="button" value="Input Button">
<h2> Button colors</h2>
<button class="button" > Green</button>
<button class="button button2"> Blue</button>
<button class="button button3"> Red</button>
<button class="button button4"> Gray</button>
<button class="button button5"> Black</button>
<h2>Button size</h2>
<button class="button button6"> 10px</button>
<button class="button button7"> 12px</button>
<button class="button button8">16px</button>
<h2>button padding</h2>
<button class="button button11"> 10px 24px</button>
<button class="button button12"> 12px 28px</button>
<button class="button button13">14px 40px</button>
<button class="button button14">32px 16px</button>
<h2>Rounded Buttons</h2>

<button class="button button20">50%</button>
<h2>Colored Button Border</h2>
<button class="button button21" > Green</button>
<button class="button button22"> Blue</button>
<button class="button button23"> Red</button>
<button class="button button24"> Gray</button>
<button class="button button25"> Black</button>
<h2>Hoverable Buttons</h2>
<button class="buttonh button26" > Green</button>
<button class="buttonh button27"> Blue</button>
<button class="buttonh button28"> Red</button>
<button class="buttonh button29"> Gray</button>
<button class="buttonh button30"> Black</button>
<h2> Shadow Buttons</h2>
<button class="buttonsh button31"> shadow button</button>
<button class="buttonsh button32"> shadow on hover</button>
<h2>Disabled Button</h2>
<button class="button">Normal Button</button>
<button class="button disabled">Disabled Button</button>
<h2>Button Width</h2>
<button class="button button33" >250px</button><br>
<button class="button button34"> 50%</button><br>
<button class="button button35"> 100%</button><br>
<h2> Button Group </h2>

<div class="btn-group">
<button class="buttong">Button </button>
</div><br><br>
<div>
<h2>Border Button Group </h2>
<div class="btn-group1">
</div>
</div><br><br>
<div>
<h2>Vertical Button Group </h2>
<div class="btn-group2">
<button class="buttonv">Button </button>
</div>
</div>
<h2>Animated button</h2>
<button class="buttonA" style="vertical-align:middle"><span>Hover</span></button>
</body>

</html>
Flower shop web site(front end)
<!Doctype html>
<html>
<head>
<title>Best_friuts</title>
<link rel="stylesheet" href="style.css">
<script>
function stickyMenu()
var sticky=dcument.getElementById('sticky');
if(window.pageYOffset>220)
sticky.classList.add('sticky');
else
sticky.classList.remove('sticky');
window.onscroll=function()
stickyMenu();
</script>
</head>

<body>
<div class="parallax">
<div class="page-title">Best Friuts</div>
</div>
<div class="menu" id="sticky">
<ul>
<a href="#" class="a-menu"><li>Home</li></a>
<a href="#" class="a-menu"><li>About us</li></a>
<a href="#" class="a-menu"><li>Fruits</li></a>
<a href="#" class="a-menu"><li>Blog</li></a>
</ul>
</div>
</body>
</html>

7. Final Project
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-

awesome/4.7.0/css/font-awesome.min.css">
<style>
.fa {
padding: 20px;
font-size: 30px;
width: 60px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
.fa:hover {
opacity: 0.7;
.fa-facebook {
background: #3B5998;
color: white;

.fa-twitter {
background: #55ACEE;
color: white;
.fa-google {
background: #dd4b39;
color: white;
.fa-instagram {
background: #125688;
color: white;
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width. initial-scale=1.0">
<title>Landing page website for fruit shop</title>
<link rel="stylesheet" href="style2.css">
</head>
<body>
<header>
<a href="#" class="logo">Fruit<span>.</span></a>
<div class="menuToggle" onclick="toggleMenu()"></div>

<ul class="navigation">
<li><a href="#banner">Home</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#fruit">Fruits</a></li>
<li><a href="#blog">Blog</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</header>
<section class="banner" id="banner">
<h1><Strong><big>Best</big></strong></h1>
<h2> <sup><small id="w">Fresh</sup></small>

<span>Red<sub>Apple</sub></span></h2>
<p><br> Fruit is natures candy</p>
<div class="col50">
<div class="imgBx1">
<img src="ap1.png">
</div>
</div>
<br><br>
<div class="full margin_top_30">
<a class="main_bt" href="#">Buy Now</a>
</div>
</div>
</section>
<section class="about" id="about">

<div class="row">
<div class="col50">
<h1 class="titleText"><span style="color:red;">A</span>bout our

shop</h1>
<p>The Fruit Shop provides conventional, exotic fruits and dry
fruits through direct source since 1976. Our priority is to deliver fresh and pesticide free
products to our customers. Our brand is committed to deliver you the best quality of fresh
and nutritious fruits and dry fruits At your place at a low price.<br><br>We are from
1976 fruit store with an aim to simplify your daily shopping experience. We deliver you
the same products you get in your regular supermarket and more with the best price at
your door steps... The fruit is delicious and nutritious. It grows on plants and trees in the
gardens. Fruits like mangoes, jackfruits, leeches, apples, pomegranates, oranges, grapes,
papaya, guavas, etc. are consumed with relish and pleasure by us. They are available in
different seasons of the year.</p>
</div>
<div class="col50">
<div class="imgBx">
<img src="ab.jpeg">
</div>
</div>
</div>
<br><br>
<a class="main_bt" href="#">Read More</a>
</div>
</section>

<section class="fruit" id="fruit" style="background-color: darkcyan" >
<div class="title">
<h1 class="titleText"><b>Our Fruits</b></h1>
</div>
<div class="row">
<div class="box">
<div class="column">
<div class="imgBox">
<img src="f1.jpeg">
</div>
<div class="text">
<h3>Black Grapes</h3>
<h4>Fresh Fruit</h4>
</div>
</div>
</div>
</div>
<div class="box">
<img src="f2.jpeg">
</div>
<div class="text">

<h3>Pineapple</h3>
</div>
</div>
</div>
</div>
<div class="box">
<img src="f3.jpeg" size="50%">
</div>
<div class="text">
<h3>Bananas</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ab" id="ab">
<div class="row">
<div class="col50">
<h1 class="titleText"><strong>Fresh <span

id="l">Lemon</span></strong></h1>

<p>When life gives you lemons … you're in luck. Lemons are full
of vitamins, minerals, phytonutrients and antioxidants. They are especially good sources
of vitamin C and folate.
<br><br>Lemons are one of the most popular acid citrus fruits,
according to the Purdue University Horticultural Department. Their origin is unknown,
though some horticulturists theorize they come from Northern India. Lemons grow
throughout southern Europe, the Middle East, and into East Asia.<br><br> They were
brought to the New World by Christopher Columbus in 1493. Today, the leading lemon
producers are California, Arizona, Italy, Spain, Greece, Turkey, Cyprus, Lebanon, South
Africa and Australia.
<br><br>Lemons are available throughout the year but summer is
their peak season. Lemons are an extremely versatile fruit. You can eat them in slices, sip
healthy lemon water, make lemonade, garnish food with them, candy their peels, and use
their juice and peels in cooking and more.</p>
</div>
<div class="col50">
<div class="imgBx">
<img src="le.jpeg">
</div>
</div>
</div>
<br><br>
<a class="main_bt" href="#">Read More</a>
</div>

</section>
<section class="blog" id="blog" style="background-color: darkcyan">
<div class="title">
<h1 class="titleText"><strong>Our Blog</strong></h1>
</div>
<div class="box">
<img src="blog1.jpeg">
</div>
<div class="text">
<p>A berry is a small, pulpy, and often <br>edible

fruit.Typically, berries are juicy,<br> rounded, brightly colored.</p>
</div>
</div>
<div class="box">
</div>
<div class="text">
<p>The peach is seen as the fruit of happiness,<br> riches,

honours, and longevity.</p>
</div>
</div>
<div class="box">
</div>

<div class="text">
<p>As green apple is a fibre rich fruit,<br>Green apples

have lower sugar levels.<br>It is beneficial for weight loss. </p>
</div>
</div>
</div>
</section>
<section class="contact" id="contact" align="center">
<div class="title">
<h1 class="titleText">Request a Call Back</h1>
</div>
<div class="contactForm" >
<div class="inputBox">
<input type="text" placeholder="Your Name">
</div>
<input type="text" placeholder="Email">
</div>
<input type="text" placeholder="phone" size="10">
</div>
<textarea placeholder="Message"></textarea>
</div>
<input type="submit" value="Send">
</div>
</div>
</section>
<section style="background-color: #282e40">
<footer>
<div class="footerstyle">
<div id="footer-area" style="background-color: #282e40" >
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<h2 style="color: white">Contact Us</h2>
<p style="color: white">Fareen Fruit Complex , 176 W Street vijayapur,

India<br><br>(+91)7483268238<br><br>abc@gmail.com</a></p>
</div>
<h2 style="color: white">Pages</h2>
<p>
<a href="#banner" style="color: white">Home</a><br>
<a href="#about" style="color: white">About Us</a><br>
<a href="#fruit" style="color: white">Fruits</a><br>
<a href="#blog" style="color: white">Blog</a><br>
<a href="#contact" style="color: white">Contact Us</a>
</div>
<h2 style="color: white">Recent Post</h2>
<img src="f-b1.jpeg"><p style="color: white" > Lemons are one of the

most<br> popular acid citrus fruits</p>

<img src="f-b2.jpeg"><p class="margin_top_20"style="color: white"

>Peaches are one of the <br>best fruits of summer.</p>
<img src="f-b3.jpeg"><p class="margin_top_20" style="color:

white">Apples are healthy, <br>tasty, and among <br>the most popular fruits.</p>
</div>
<h2 style="color: white">Newsletter</h2>
<p>
<form>
<input type="text" name="email" placeholder="Enter Your Email"

/>
<input type="submit" value="Subscribe">
</div>
</form>
</p>
<br><br>
<div><iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3819.35978104322
07!2d75.71608161434581!3d16.808498423667118!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!
4f13.1!3m3!1m2!1s0x3bc6555e16365461%3A0xe7d295f843466728!2sSecab%20Institut
e%20of%20Engineering%20and%20Technology!5e0!3m2!1sen!2sin!4v1632287113981!
5m2!1sen!2sin" width="200" height="250" style="border:0;" allowfullscreen=""
loading="lazy"></iframe></div>
</div>
</div>
</div>
</div>
<div>
<h2 style="color:white;">Follow Us:</h2>
<br>

<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google"></a>
<a href="#" class="fa fa-instagram"></a>
</div>
<br><br><br><br>
<div class="copyright" style="background-color: #282e40">
<div class="container" style="text-align:center;">
<p style="color: white">Copyright 2021 All Right Reserved By </p>
</div>
</div>
</div>
</footer>
</section>
<script type="text/javascript">
window.addEventListener('scroll',function() {
const header =document.querySelector('header');
header.classList.toggle("sticky",window.scrollY >0);
});
function toggleMenu(){
const menuToggle= document.querySelector('.menuToggle');
menuToggle.classList.toggle('active');
</script>
</body>
</htm

8. Conclusion and Reference
Conclusion
The work experience I encountered during the internship allowed me to develop
HTML, CSS, DBMS and Python. I think I still need to work on my Python.
However, the overall experience was positive, and everything I learned will be useful
in my future career in thisfield.
Reference Web links
1. To learn about the software required to use,
we used,
www.wikipidea.org.
2. For more examples for learning, we
referred,
www.tutorialpoint.com.
3. For learning the PHP and MySQL integration, we
referred,
http://www.w3schools.com/

Weekly Overview of Internship Activities: 07/09/21 Tuesday

Uploaded by

Copyright:

Available Formats

Weekly Overview of Internship Activities: 07/09/21 Tuesday

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Weekly Overview of Internship Activities: 07/09/21 Tuesday

Uploaded by

Copyright:

Available Formats

Internship Report on WEB DEVELOPMENT

1. WEEKLY OVERVIEW OF INTERNSHIP ACTIVITIES

Date Day Work Completed

01/09/21 Wednesday Introduction to company

02/09/21 Thursday Introduction to web development

03/09/21 Friday Basic HTML Programs

04/09/21 Saturday Web page with images(blog)

06/09/21 Monday Formatted elements in HTML

07/09/21 Tuesday Text on Image

Date Day Work Completed

08/09/21 Wednesday Registration Form

09/09/21 Thursday Employee Registration Form

10/09/21 Friday Image Slider

11/09/21 Saturday Parallax Scrolling

13/09/21 Monday Table Creation

14/09/21 Tuesday Login Page

Dept of ECE.SECAB.I.E.T, VIJAYAPURA Page 1

Date Day Work Completed

15/09/21 Wednesday Horizontal Parallax

16/09/21 Thursday Different Buttons

17/09/21 Friday Flower shop web site(front end)

18/09/21 Saturday Java Script

20/09/21 Monday Database Creation with MySQL

21/09/21 Tuesday Python Programming

Date Day Work Completed

22/09/21 Wednesday Fruit Shop Landing Page(Final Project)

23/09/21 Thursday Fruit Shop Landing Page(Final Project)

24/09/21 Friday Fruit Shop Landing Page(Final Project)

25/09/21 Saturday Fruit Shop Landing Page(Final Project)

27/09/21 Monday Fruit Shop Landing Page(Final Project)

28/09/21 Tuesday Fruit Shop Landing Page(Final Project)

Dept of ECE.SECAB.I.E.T, VIJAYAPURA Page 2

 Internships are generally thought of to be reserved for college students looking to

the area and your interest in learning more.

 Internships are utilized in a number of different career fields, including

architecture, engineering, healthcare, economics, advertising and many more.

 Some internship is used to allow individuals to perform scientific research while

others are specifically designed to allow people to gain first-hand experience

chance of landing the position.

Dept of ECE.SECAB.I.E.T, VIJAYAPURA Page 3

send me to PVK Tech Solutions to complete my internship. As an intern I joined PVK on

opportunity to complete our industrial attachment at PVK Tech Solutions. Since it is a

Dept of ECE.SECAB.I.E.T, VIJAYAPURA Page 4

4. System requirements specifications

4.1 System configurations

are refined by established a complete information description, a detailed functional

description, a representation of system behavior, and indication of performance and

design constrain, appropriate validate criteria, and other information pertinent to

4.2 Software requirements:

Operating System: Windows

Coding Language: HTML, CSS, PHP, JavaScript and Bootstrap.

Text Editor : Sublime Text3.

4.3 Hardware Requirements:

Processor : Intel core i3

Memory : 8GB RAM

Hard Disk : 1TB

Dept of ECE.SECAB.I.E.T, VIJAYAPURA Page 5

HTML is the standard mark-up language for creating Web pages.

HTML stands for Hyper Text Mark-up Language