Scribd Logo
Upload

Welcome to Scribd!

  • Report - File - Vikram 221347009

    Uploaded by

    Vivek Sharma
    19 views8 pages
    This internship summary covers: 1) The intern worked at Hexnbit, an edtech company that provides web development training and internships. 2) The internship project involved creating a circular progress bar using HTML and CSS. Different components were designed using HTML and then styled using CSS properties. 3) Key skills learned include web development fundamentals, applying design principles, programming basics, and project management skills.

    Original Description:

    Original Title

    Report_file_Vikram 221347009[1]

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This internship summary covers: 1) The intern worked at Hexnbit, an edtech company that provides web development training and internships. 2) The internship project involved creating a circular progress bar using HTML and CSS. Different components were designed using HTML and then styled using CSS properties. 3) Key skills learned include web development fundamentals, applying design principles, programming basics, and project management skills.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    19 views8 pages

    Report - File - Vikram 221347009

    Uploaded by

    Vivek Sharma
    This internship summary covers: 1) The intern worked at Hexnbit, an edtech company that provides web development training and internships. 2) The internship project involved creating a circular progress bar using HTML and CSS. Different components were designed using HTML and then styled using CSS properties. 3) Key skills learned include web development fundamentals, applying design principles, programming basics, and project management skills.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 8

    SGT UNIVERSITY

    FACULTY OF ENGINEERING AND


    TECHNOLOGY

    MCA
    Summer Internship in Web
    Development
    Batch: - 2022-2024

    Submitted To: Submitted By:


    Mr. Abhishek Sir Vikram Sharma
    CSE Department Reg. No: 221347009
    Semester: - 3rd
    S. N Headings
    1 Acknowledgement
    2 Introduction and requirements
    3 Project details
    4 Certificate
    Gratitude for Guidance: A Special Thanks to My Mentor

     I would like to express my sincere gratitude to Gagan Singh for their invaluable
    guidance and mentorship throughout my internship. Their expertise in Web
    Development greatly contributed to the success of my project and also increased my
    knowledge.
     I am grateful for Gagan Sir consistent availability and willingness to answer my
    questions. Their constructive feedback and support created a conducive learning
    environment.
     Under Gagan Sir mentorship, I developed a deeper understanding of Cloud services
    which significantly contributed to my professional growth.
     Personally, I am grateful for Gagan Sir encouragement and support, which not only
    enhanced my technical skills but also boosted my confidence in tackling challenging
    tasks.
     In conclusion, I extend my heartfelt thanks to Gagan Sir for their unwavering support
    and guidance during my internship. I am truly grateful for the opportunity to learn under
    their mentorship.

    Introduction about the company and internship :-

    • Hexnbit is one of the Best Training Institute in Noida, online and offline courses and
    skill development programs to engineering students, working professionals, and college
    pass-outs.
    • Provide Internship
    • Training on various technology like web development, python developer etc.
    Company Website url: HexNBit EdTech Private Limited
    What is Web Development?
    Web development is the work involved in developing a website for the Internet or an intranet. Web
    development can range from developing a simple single static page of plain text to complex web
    applications, electronic businesses, and social network services.

    What is Web Designing?


    Web design encompasses many different skills and disciplines in the production and
    maintenance of websites. The different areas of web design include web graphic design; user
    interface design; authoring, including standardised code and proprietary software; user
    experience design; and search engine optimization..

    Process of the Web Development :-

    List of software and application required for project: -


     Github
     Chrome Developers Tools
     Sass
     Bootstrap
     Docker
    Project Details

    Create a Circular Progress Bar using HTML and


    CSS
    A progress bar is used to display the progress of a process on a computer. A progress bar displays
    how much of the process is completed and how much is left. So, today we will design a circular
    progress bar using HTML and CSS. By using HTML, we will design the different components for
    that progress bar and then by using the properties of CSS, we can style the progress bar .Steps for the
    project:

    Approach :-

     First, we will design a basic progress bar structure using HTML. First, we will
    create a container div that holds both progress bars.
     Next, we will use some CSS properties to design the progress bar. The container class
    sets the position of the div element. Other CSS classes are used to create the circular
    progress bar and added CSS styles.

    Coding part of the project :-

    <!DOCTYPE html>
    <html lang="en">

    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
    "width=device-width, initial-scale=1.0">

    <!-- Set title of web page -->


    <title>GFG Circular progress Bar</title>
    </head>

    <body>

    <!-- Added heading of the page -->


    <h1>Circular progress bar</h1>

    <!-- Creating a container class that


    hold other useful classes -->
    <div class="container">

    <!-- Creating a ui-widgets classes that


    store other useful classes like
    ui-values and ui-labels -->
    <div class="ui-widgets">
    <div class="ui-values">85%</div>
    <div class="ui-labels">Java</div>
    </div>
    <div class="ui-widgets">
    <div class="ui-values">50%</div>
    <div class="ui-labels">HTML</div>
    </div>
    </div>
    </body>

    </html>

    Output :-

    Circular Progress Bar :-


    Learning outcome

     Use their learned skills, knowledge and abilities to develop web sites for the internet
     Apply basic design principles to present ideas, information, products, and services on websites
     Apply basic programming principles to the construction of websites
     Effectively manage website projects using available resources
     Demonstrate communication skills, service management skills, and presentation skills
     Complete job preparation tasks including writing resumes and cover letters, conducting job
    interviews and developing an ePortfolio
     Apply employability skills including fundamental skills, personal management skills, and
    teamwork skills
    Certificate :-

    You might also like