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

Signup+accordian for FAQs+Tune up #1

Open
wants to merge 43 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
3b74884
Updated Index
abdunavv Jul 26, 2024
1e899dc
improved header UI and cleaned up redundant sections
ayaanqasmi Jul 27, 2024
9158c17
Merge pull request #1 from ayaanqasmi/main
ayaanqasmi Jul 27, 2024
f23600e
Updates to Front End
Jul 27, 2024
58be91c
Update README.md
MuhammadMehroz786 Jul 27, 2024
8049383
Added signup, FAQ accordian, and tuned up intro
ayaanqasmi Jul 27, 2024
8e631f8
Merge pull request #2 from ayaanqasmi/main
ayaanqasmi Jul 27, 2024
638c956
form validation, submission to api, only enabling button when details…
IronYR Jul 28, 2024
e423f08
referrals are now working. gonna have to modify the urls when we host…
IronYR Jul 28, 2024
170cf07
improved the text and the copy
IronYR Jul 28, 2024
f73e22b
added google analytics
IronYR Jul 28, 2024
e792beb
Merge pull request #3 from abdunavv/yr
IronYR Jul 28, 2024
de4c069
Update index.html
MuhammadMehroz786 Jul 28, 2024
980d38e
Update main.css
MuhammadMehroz786 Jul 28, 2024
accdf77
Add files via upload
MuhammadMehroz786 Jul 28, 2024
47dd6c5
Mobile Phone
Jul 28, 2024
1d9da53
Made stuff prettier.
ayaanqasmi Jul 29, 2024
dd4c51f
renamed signup form.html
ayaanqasmi Jul 29, 2024
b3a7f2d
Merge pull request #4 from ayaanqasmi/main
ayaanqasmi Jul 29, 2024
3f1da3a
fixed typo
ayaanqasmi Jul 29, 2024
59bd12a
Merge pull request #5 from ayaanqasmi/main
ayaanqasmi Jul 29, 2024
518c888
Update main.css
MuhammadMehroz786 Jul 30, 2024
58b2f90
Update index.html
MuhammadMehroz786 Jul 30, 2024
6cee9dd
added correct links, email and updated waitlist id
IronYR Jul 31, 2024
e919308
Update index.html
MuhammadMehroz786 Jul 31, 2024
9134e2f
Update index.html
MuhammadMehroz786 Jul 31, 2024
d56442d
Update index.html
MuhammadMehroz786 Jul 31, 2024
fe5e75f
testing deployement
IronYR Jul 31, 2024
60793ca
Trying to SEO Optimize
abdunavv Jul 31, 2024
402488d
Fixed intro madding for mobile and and added padding to scroller for …
ayaanqasmi Aug 1, 2024
7793e3d
Merge pull request #6 from ayaanqasmi/main
ayaanqasmi Aug 1, 2024
3f3b174
Update main.css
abdunavv Aug 1, 2024
ca32c59
Update main.css
abdunavv Aug 1, 2024
435867e
added banner
IronYR Aug 1, 2024
7e28316
Update index.html
MuhammadMehroz786 Aug 1, 2024
fab0e37
Update signup.html
MuhammadMehroz786 Aug 1, 2024
81533ae
Update main.css
MuhammadMehroz786 Aug 1, 2024
64c76cd
Update signup.css
MuhammadMehroz786 Aug 1, 2024
460f620
Update index.html
abdunavv Aug 1, 2024
8074aa6
link color
IronYR Aug 1, 2024
77925af
fix
IronYR Aug 2, 2024
8913a3c
.edu restriction removed
IronYR Aug 2, 2024
0201a31
Linked Added
MuhammadMehroz786 Aug 3, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"editor.formatOnSaveMode": "modifications"
}
75 changes: 1 addition & 74 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,74 +1 @@
# Frontend Mentor - Fylo dark theme landing page solution

This is a solution to the [Fylo dark theme landing page challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/fylo-dark-theme-landing-page-5ca5f2d21e82137ec91a50fd). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

## Table of contents

- [Overview](#overview)
- [The challenge](#the-challenge)
- [Screenshot](#screenshot)
- [Links](#links)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Useful resources](#useful-resources)
- [Author](#author)
- [Acknowledgments](#acknowledgments)

## Overview

### The challenge

Users should be able to:

- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page

### Screenshot

![Web Capture](./screenshot/Frontend-Mentor_Fylo-landing-page.gif)

### Links

- Live Site URL: [https://cholis04.github.io/fylo-dark-theme-landing-page-master/](https://cholis04.github.io/fylo-dark-theme-landing-page-master/)

## My process

### Built with

- Desktop-first workflow
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- BEM Naming Convention
- [SASS](https://sass-lang.com/) - CSS preprocessor

### What I learned

#### The :invalid CSS pseudo-class

This selector allows to customize styles to invalid elements see below:

```css
.signup__input-email:invalid ~ .signup__error-input {
display: block;
}
```

### Useful resources

- [https://en.bem.info/methodology/naming-convention/](https://en.bem.info/methodology/naming-convention/) - This helps me in understanding the application of BEM.

- [https://gist.github.com/AdamMarsden/7b85e8d5bdb5bef969a0](https://gist.github.com/AdamMarsden/7b85e8d5bdb5bef969a0) - Make sass folder structure more organized.

## Author

- Website - [https://cholis04.github.io](https://cholis04.github.io)
- Frontend Mentor - [@cholis04](https://www.frontendmentor.io/profile/cholis04)
- Dribbble - [cholis04](https://dribbble.com/cholis04)
- Instagram - [@cholis04](https://instagram.com/cholis04)
- Codepen - [cholis04](https://codepen.io/cholis04)

## Acknowledgments

Many thanks to anyone who provided feedback.
#KAAMYAAB.PK#
Loading