Internship-Front-End deployment

Task by: SurveySparrow | UI Development

Table of Content

• Problem statment
• To Do
• Demo
• Download Files
• Motivation
• Technical Aspect
• Directory Tree
• Run
• Feature
• Team
• License

• This repository consists of files required to deploy an WEB PAGE created with HTML, CSS, JS, REACT.JS on github pages platform.

Problem statment

Develop a responsive website by referring the below link.

https://www.dropbox.com/scl/fi/qx0i2w3v51hetxx9x2s57/Front-End-Developer-Machine-Test-intermediate.papert?dl=0&rlkey=xkq3wxdlg3bxb9kyumkr5iwc8

To Do

1. Push your code to a repository in Github.
2. Host your application somewhere and then it should be accessible through the browser by a URL.

Demo

• If you are searching for Code,.. you won't find it here. Click the link mentioned below for the same:
Link: https://karanmehra7107.github.io/Internship-Front-End/

• Please do ⭐ the repository, if it helped you in anyway.

• A glimpse of the web app: output

Download Files

windows cmd

wget https://github.com/Karanmehra7107/Internship-Front-End.git

Motivation

What could be a perfect way to utilize unfortunate lockdown period? Like most of you, I spend my time in cooking, Netflix, coding, Learning and reading some latest research papers on weekends. Finding internship lead to make this project.

Technical Aspect

This project is divided into two part:

1. Front-End Html, Css, JavaScript codes
2. Building and hosting web app on Git_Pages.

Directory Tree

├── contactform
├── CSS
│   ├── style.css
│   └── scss-files
├── img
│   └── Banner.png
│   └── Feature-1.svg
│   └── Feature-2.svg
│   └── intro-bg.png
│   └── intro-img.jpeg
├── JS
│   └── main.js
├── lib
│   └── animate.css
│   └── bootstrap
│   └── counterup
│   └── easing
│   └── font-awsome
│   └── ionicons
│   └── isotopes
│   └── jquery
│   └── lightbox
│   └── mobile-nav
│   └── owlcarousel
│   └── waypoints
│   └── wow
├── index.html
└── README.md

Run

windows cmd

   start https://karanmehra7107.github.io/Internship-Front-End/

MacOS cmd

   open https://karanmehra7107.github.io/Internship-Front-End/

Linux/Unix cmd

   xdg-open https://karanmehra7107.github.io/Internship-Front-End/

Feature

• If you click the minimize button of the chat box shown bottom rigth of web page, the chat box open with margine-right:20px
• Animation in the text Where words fail, Music speak
• Hover animation on the top to web page
• Responsive Webpage

Team

Karan Mehra

License

Copyright 2020 Karan Mehra

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.