Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fork, Commit, Merge - Hard Issue (HTML) #452

Closed
nikohoffren opened this issue Sep 7, 2023 · 0 comments
Closed

Fork, Commit, Merge - Hard Issue (HTML) #452

nikohoffren opened this issue Sep 7, 2023 · 0 comments

Comments

@nikohoffren
Copy link
Member

Fork, Commit, Merge - Hard Issue (HTML)

Create a Web Page with Navigation, Content Sections, and Footer

Note: You don't have ask permission to start solving the issue or get assigned, since these issues are supposed to be always open for new contributors. The actions-user bot will reset the file back to previous state for the next contributor after your commit is merged. So you can just simply start working with the issue right away!

How to Get Started:

Open the tasks/html/hard directory from the root of your project.
Then open the index.html file.

Objective:

Develop a simple but complete HTML web page as in the screenshots that includes a navigation bar, several content sections (e.g., About, Services, Contact), and a footer. The page should provide a smooth user experience on desktop. It does not have to be responsive so you don't need to worry about the view on smaller screens.

html-hard-screenshot

html-hard-screenshot2

Classes and ID:s:

You can study styles.css to see what classes and id:s possibly to use in your code to make it look same as in the screenshots. You are also welcome to add your own classes if you like.

You can use https://loremflickr.com/320/240 as source for the images. It will create some random images for the project.

Please note that at this stage, the form doesn't need to submit data to any server-side script. Purpose of this task is to just create the form visually without any functionality.


If you are using VS Code and have for example Live Server extension, you can simply open index.html with the server and check how the form looks. After the form is done, you are ready to make a pull request!
If you do not have Live Server extension, you'll find information about installing and how to use it here.


Check out README.md for more instructions and how to make a pull request.

Feel free to ask any questions here if you have some problems!

Also, kindly give this project a star to enhance its visibility for new developers!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant