Mini Landing Page ⭐️

A brief description of what this project does and who it's for

Badges 🥇

Add badges from somewhere like: shields.io

Deployment 🚀

To deploy this project run

  npm run deploy

Description

Put description here about project....

Documentation 📄

Documentation

Features 🦾

Light/dark mode toggle
Live previews
Fullscreen mode
Cross platform

Installation 🧭

Install my-project with npm

  npm install my-project
  cd my-project

License ✅

MIT

Screenshots 📸

Usage/Examples 🕓

import Component from 'my-project'

function App() {
  return <Component />
}

Used By 🌍

This project is used by the following companies:

Company 1
Company 2

Acknowledgements 🎓

API Reference 🤖

Get all items

  GET /api/items

Parameter	Type	Description
`api_key`	`string`	Required. Your API key

Get item

  GET /api/items/${id}

Parameter	Type	Description
`id`	`string`	Required. Id of item to fetch

add(num1, num2)

Takes two numbers and returns the sum.

Appendix 🎯

Any additional information goes here

Authors 📚

@octokatherine

Color Reference ⚫️ 🔴 🟠 🟡 🟢 🔵 🟣 🟤 ⚪️

Color	Hex
Example Color	#0a192f
Example Color	#f8f8f8
Example Color	#00b48a
Example Color	#00d1a0

Contributing 🆘

Contributions are always welcome!

See contributing.md for ways to get started.

Please adhere to this project's code of conduct.

Demo 😈

Insert gif or link to demo

Environment Variables 📡

To run this project, you will need to add the following environment variables to your .env file

API_KEY

ANOTHER_API_KEY

FAQ ⁉️

Question 1

Answer 1

Question 2

Answer 2

Feedback

If you have any feedback, please reach out to us at [email protected]

About Me 🚀

Hi, I'm Code Sleep!

I'm a full stack developer...

🔗 Links

Other Common Github Profile Sections

👩‍💻 I'm currently working on...

🧠 I'm currently learning...

👯‍♀️ I'm looking to collaborate on...

🤔 I'm looking for help with...

💬 Ask me about...

📫 How to reach me...

😄 Pronouns...

⚡️ Fun fact...

Skills 🛠

Javascript, HTML, CSS...

Lessons Learned 🎓

What did you learn while building this project? What challenges did you face and how did you overcome them?

Optimizations 🏎️

What optimizations did you make in your code? E.g. refactors, performance improvements, accessibility

Related 👁️

Here are some related projects

Awesome README

Roadmap 🔮

Additional browser support
Add more integrations

Run Locally 💻

Clone the project

  git clone https://link-to-project

Go to the project directory

  cd my-project

Install dependencies

  npm install

Start the server

  npm run start

Support 💻 📲

For support, email [email protected] or join our Slack channel.

Tech Stack 🖥️

Client: React, Redux, TailwindCSS

Server: Node, Express

Running Tests 🧪

To run tests, run the following command

  npm run test

landing-page-project

#Landing Page

User Story

As a client, I want to view a single webpage that collects a visitor's contact information.

As a client, I want the landing page to have a header and footer.
As a client, I want the landing page to have an image with a caption.
As a client, I want the landing page to have a contact form.
As a client, I want the landing page to have a polished and accessible UI.

Acceptance Criteria

It's done when the page uses semantic HTML elements.
It's done when the page uses universal, element, and class selectors in CSS.
It's done when the page features at least three colors in the design.
It's done when the page uses a single font and font family for all text.
It's done when the page uses at least two heading elements (<h1> through <h6>).
It's done when the header is fixed to the top of the page on scroll.
It's done when the header contains a navigation bar with three links that display inline, including a contact link.
It's done when, if the contact link is clicked, the page jumps directly to the contact form.
It's done when the contact form includes input elements for name and email.
It's done when the contact form includes a Send button.
It's done when the image includes a descriptive alt attribute.
It's done when the page is deployed to GitHub Pages.

codesleeps / mini-landing-page Goto Github PK