web & ui designeradiavanti.com/prashantdoals_tata.pdf · this is an responsive project use...
TRANSCRIPT
![Page 1: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/1.jpg)
Web & UI Designer
![Page 2: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/2.jpg)
Work Profile of
Tata Technologies and Tata Motors
![Page 3: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/3.jpg)
This is my First Project in Tata Technologies
This Project belong to HR(Human Resources)
Project Requirement:-
Landing page should be design like this page should be shown below
Portal design in HTML 5 and Css3 in Microsoft visual studio 2013
![Page 4: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/4.jpg)
![Page 5: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/5.jpg)
![Page 6: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/6.jpg)
![Page 7: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/7.jpg)
![Page 8: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/8.jpg)
![Page 9: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/9.jpg)
![Page 10: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/10.jpg)
My skill and pace both Project are Tata Technologies
Internal Project for IT Department
HTML5 and Css3 Java,
Information About Project :-
My skill and Pace this both Project are related to Employees
1. When Employee join the company employee Access this
portal .
2. The Employee had fill his personal details on this portal.
3. and his education and qualification and diploma
4. and also he fill the work Experian's and work domain
5. As per that information Employee Manager are doing his appraisal
6. And employee permission.
![Page 11: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/11.jpg)
![Page 12: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/12.jpg)
![Page 13: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/13.jpg)
![Page 14: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/14.jpg)
![Page 15: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/15.jpg)
![Page 16: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/16.jpg)
![Page 17: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/17.jpg)
Tata technologies Fix Bid Project
Tata technologies has taken this project of Fix bid
1. This based on limited time duration
2. All design is based on Dot net 0.4
3. In this Project I have design form’s
4. This Project is based on Html4 and Css2
5. Its should be work on all browser with IE8
![Page 18: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/18.jpg)
![Page 19: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/19.jpg)
![Page 20: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/20.jpg)
![Page 21: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/21.jpg)
![Page 22: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/22.jpg)
![Page 23: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/23.jpg)
Project Name :- Seibel CRM 2015
This Project Create by for a POC
Seibel CRM is Oracle Project
As per the business requirement we try to customise the
oracle template
This customisation is work successfully
This Project Responsive Design
![Page 24: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/24.jpg)
![Page 25: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/25.jpg)
![Page 26: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/26.jpg)
Mobile
This Seibel CRM
![Page 27: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/27.jpg)
![Page 28: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/28.jpg)
This Project Name is Connect Partner
Company want to connect all small or Big Partner to connect in one Portal
This Project design RWD (Responsive design ) Not for mobile design but is work
on mobile also.
![Page 29: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/29.jpg)
![Page 30: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/30.jpg)
![Page 31: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/31.jpg)
![Page 32: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/32.jpg)
![Page 33: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/33.jpg)
Dhwani is Tata motors Project
Tata Motors Provide SIM card for Employees. This SIM card is use for group
calling either it help’s to connect all employees easily with help of number
Company Type with Other local Company just like ( Idea, Airtel..ect)
Company Provide a corporate plan in less amount
This is an Responsive Project use bootstrap Framework, Html5 and Css3
![Page 34: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/34.jpg)
![Page 35: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/35.jpg)
![Page 36: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/36.jpg)
![Page 37: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/37.jpg)
![Page 38: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/38.jpg)
This project is design in SharePoint offices 365 online
This Portal use HTML5 and Css3 with SharePoint designer.
This is the first project design in SharePoint 365 Master page customisation
With Responsive
In This project I was handling Browser compatibility and Design Related Issues
![Page 39: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/39.jpg)
![Page 40: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/40.jpg)
![Page 41: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/41.jpg)
This project is design in SharePoint offices 365 online
As per Client Requirement We Create sliding menu in online site
When you click on menu button its show and click on closed is disappear
![Page 42: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/42.jpg)
![Page 43: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/43.jpg)
This project is design in SharePoint offices 365 online
This Project related to Medical Facility Tata motors has provide medical facility
On work station and out side as in Emergence Pried.
Some time employee need Medical Emergence he can’t get the good doctor
This site help him to search doctors and his location
![Page 44: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/44.jpg)
![Page 45: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/45.jpg)
This project is design in Dot net with SharePoint 365
This application design for the employee Transport Admin only
This application Help us to Tata motors employees to provide bus facility
As per this employee can check this routs, stop and timing
This bus are stop on only register location only
![Page 46: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/46.jpg)
![Page 47: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/47.jpg)
![Page 48: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/48.jpg)
![Page 49: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/49.jpg)
![Page 50: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/50.jpg)
![Page 51: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/51.jpg)
This project is design in Dot net with SharePoint 365
![Page 52: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/52.jpg)
![Page 53: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/53.jpg)
![Page 54: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/54.jpg)
![Page 55: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/55.jpg)
![Page 56: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/56.jpg)
This project is design in SharePoint 365
![Page 57: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/57.jpg)
![Page 58: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/58.jpg)
![Page 59: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/59.jpg)
This project is design in SharePoint 365
![Page 60: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/60.jpg)
![Page 61: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/61.jpg)
This project is design in SharePoint 365
![Page 62: Web & UI Designeradiavanti.com/PrashantDoals_Tata.pdf · This is an Responsive Project use bootstrap Framework, Html5 and Css3. This project is design in SharePoint offices 365 online](https://reader035.vdocument.in/reader035/viewer/2022062922/5f07183b7e708231d41b46c5/html5/thumbnails/62.jpg)