neha07kumari / Thief_Detection

This project helps to detect whether a person coming to your house is a thief or not , while you are away from your house enjoying your holiday or a trip.
https://neha07kumari.github.io/Thief_Detection/
Mozilla Public License 2.0
6 stars 14 forks source link

Create Basic Index Html file for Home Page #5

Open prathimacode-hub opened 2 years ago

prathimacode-hub commented 2 years ago

Description

Welcome to 'Thief -Detection', good to see you here.

With this issue, the readers will get to know on how to create and implement basic index file

To get assigned to this issue, add your participant id mentioned in this spreadsheet and the approach you would follow.

Points to Note :

This issue is only for 'SWOC' contributors

Domain

Web Development

Code of Conduct

All the best. Enjoy your open source journey ahead. 😎

welcome[bot] commented 2 years ago

Hello there! 👋🏻 Welcome to the Thief Detection! 🚀⚡️ Thank you and congrats 🎉 for opening your very first issue in this project. Please adhere to our Code of Conduct. 👍🏻 You may submit a PR if you like, make sure to follow our Pull Request Template. Feel free to get in touch with me through social media handles. Hope to see you there!😄

sankalp-srivastava commented 2 years ago

I would like to work on this issue. Could you assign it to me and also help me know what should be the layout of html page.

prathimacode-hub commented 2 years ago

Kindly provide mentioned details to assign it. The layout of html to start with basically will be to add a header with 3-4 navigation tabs, then features this project has (you can add around 6 with 3*3 ratio) and then a simple footer to initiate the project @sankalp-srivastava

pawarspeaks commented 2 years ago

I would like to work on this issue. Participant details:- id:- 697 . Name:- Pratap Dnyandeo Pawar mail id:- iampratappawar@gmail.com can you please share in detail what changes am i supposed to make?

prathimacode-hub commented 2 years ago

Yes, so currently if you see now in the webpage. It has basic description kind of index.html file. Transform it into home page format like a realistic one. Improvise the header, add 3-4 navigation tabs, carousel slides, about, services, footer with quick links If you're willing to take this up, let me know. So that i can assign it to you.

@pawarspeaks

pawarspeaks commented 2 years ago

yep i can make it better....also if there is any other content to be on the web page let me know....should i add a external css file to make it look better? Please assign it to me....and if possible provide me with the details that needs to be carousel slides and navigation tabs @prathimacode-hub

prathimacode-hub commented 2 years ago

@pawarspeaks, for right now keep text dummy, Navigation tabs include Home, About, Services, Information & Resources, Blog and Contact. These tabs would come in mid of the header and right now, include a tab of "Help Me"

Below to this create a carousel slides with 4 images. Don't use images that consists of people and realistic ones. Instead use graphical ones related to the theme of the website

I will show one sample : https://www.google.com/search?q=istockphoto+medical+consultation+service+graphic&sxsrf=APq-WBvKvsoHd1MSjed7LX6R8mrOCTZqVQ:1643877115066&source=lnms&tbm=isch&sa=X&ved=2ahUKEwiflv27j-P1AhWpS2wGHQrCAEgQ_AUoAXoECAEQAw&biw=1366&bih=657&dpr=1#imgrc=T-VPqsX8LdHpYM

This will be the format of 1st slide image. No need of button only text and image. Same way you can do so for 2nd, 3rd and 4th image. But here you can use creativity and canva to build it up graphical and relevant images you get. Ensure to use noncopyrighted images only. It would have only images and pointer text but not paragraphically text.

Then next comes about section which would have relevant image on to the left and paragraph text on to the right

Below that comes section services, here we create frames. Add headers of name of service and a give line intro of what serve it is. Frames are large

Next section comes Information & Resources. Here create shorter frames and same format as services

Finally the footer with project name, social media links, quick links, contact details and then at last Copyright thing.

All the Best 👍