Skip to content

Commit

Permalink
added AI SaaS updated readme and more
Browse files Browse the repository at this point in the history
  • Loading branch information
PaulleDemon committed Jul 26, 2024
1 parent e042d6b commit 4495d50
Show file tree
Hide file tree
Showing 59 changed files with 12,493 additions and 18 deletions.
23 changes: 16 additions & 7 deletions readme.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,12 @@
# Free Landing page templates

Contains free and open-sourced website templates, including but not limited to SaaS landing page, portfolio, Restaurant page and more. Useful, for freelancers, SaaS developers, and more.
Contains free and open-sourced website templates, including but not limited to SaaS landing page, portfolio, Restaurant page and more. Useful, for freelancers, agencies, SaaS developers, and more.

Download from browsable page: https://landingpage-templates.vercel.app/
**Download from browsable page**: https://landingpage-templates.vercel.app/

**[Continuously developed]** Feel free to star this repository. More templates will be uploaded weekly

#### Updated weekly
Feel free to star this repository. New templates will be uploaded every friday

**Have a generic template in mind?**
- Create a new [issue](https://github.com/PaulleDemon/landing-pages/issues/new/choose), once your template
Expand All @@ -19,7 +21,7 @@ Make sure to check that out.
## Features of Landing page templates
* Responsive.
* Technical SEO optimized (uses correct tags, like h1, h2, section etc)
* Tailwind built in, for rapid development (uses tw- to separate tailwind classes)
* Tailwind built in, for rapid development (uses `tw-` prefix to separate tailwind classes)
* Quick customization, change only texts.
* Frontend framework independent: Comes with basic html, css just enough for your perfect landing page, you are free to modify and use any frontend framework (React, Vue) if required.

Expand Down Expand Up @@ -70,7 +72,7 @@ Almost all the folder structure is similar to below shown
1. If you are planning to modify tailwind you must have node installed.

> [!NOTE]
> Install dependencies from `.package.json` not package.json, as package.json contains additional dev dependencies to help with types
> If you don't want devDependencies, Install dependencies from `.package.json` not package.json, as package.json contains additional dev dependencies to help with types
2.Add a file called `tailwind.config.js` (Note: every folder has this file, with theme)
```js
Expand All @@ -86,7 +88,7 @@ module.exports = {
plugins: [],
}
```
3. Now add `postcss.config.js
3. Now add `postcss.config.js`
```js
module.exports = {
plugins: {
Expand Down Expand Up @@ -146,6 +148,8 @@ Here's the list of website templates

**2. [CelestialSaaS](src/saas/CelestialSaaS/)** - [[`Live preview`](https://celestialsaas.netlify.app/)]

**3. [AI SaaS](src/saas/SaaS-AI/)** - [[`Live preview`](https://ai-code.netlify.app/)]


### App landing pages
![app landing page](src/apps/screenshots/chat-origin.png)
Expand All @@ -171,10 +175,13 @@ Here's the list of website templates

### Attorney landing page

![lawyer landing page](src/law/screenshots/lawgroup.png)
![lawyer landing page](src/law/screenshots/law-fire.png)

1. **[Law Group](src/law/lawgroup)** - [[`Live preview`](https://lawgroup.netlify.app/)]

2. **[Law Fire](src/law/lawfire)** - [[`Live preview`](https://law-fire.netlify.app/)]


### Portfolio

![portfolio landing page](src/portfolio/screenshots/bella.png)
Expand All @@ -183,6 +190,8 @@ Here's the list of website templates

2. **[Jrdev - developers portfolio](src/portfolio/jrdev)** - [[`Live preview`](https://jrdev-port.netlify.app/)]

3. **[Jamie - developers portfolio](src/portfolio/Jamie-portfolio/)** - [[`Live preview`](https://jamie-dev-portfolio.netlify.app/)]


### Other website templates

Expand Down
2 changes: 1 addition & 1 deletion src/law/lawfire/css/tailwind-build.css

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions src/law/lawfire/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,8 @@
href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap"
/>

<link rel="stylesheet" href="../../tailwind-css/tailwind-runtime.css">
<!-- <link rel="stylesheet" href="./css/tailwind-build.css" /> -->
<!-- <link rel="stylesheet" href="../../tailwind-css/tailwind-runtime.css"> -->
<link rel="stylesheet" href="./css/tailwind-build.css" />
<link rel="stylesheet" href="./css/index.css" />

<link
Expand Down
5 changes: 3 additions & 2 deletions src/law/lawfire/readme.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
Law group template

Theme:
1. #00006F
2. #a59451fb
1. #282E3F
2. #CF9455
3. #3A4053
1 change: 1 addition & 0 deletions src/law/lawfire/tailwind.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,7 @@ module.exports = {
colors: {
primary: '#282E3F',
secondary: "#CF9455",
primaryLight: "#3A4053"
}
},
},
Expand Down
9 changes: 8 additions & 1 deletion src/law/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,14 @@ The names don't mean much, you can use any templates for your purpose

[Live preview](https://lawgroup.netlify.app/)

![restaurant landing page](./screenshots/lawgroup.png) -
![lawgroup landing page](./screenshots/lawgroup.png) -


### Law Fire

[Live preview](https://law-fire.netlify.app/)

![law fire landing page](./screenshots/law-fire.png) -


#tailwind templates #website templates #law website
Binary file added src/law/screenshots/law-fire.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/portfolio/Jamie-portfolio/assets/logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
205 changes: 205 additions & 0 deletions src/portfolio/Jamie-portfolio/css/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,205 @@
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{

--btn-color: #fdfdfd;/* button color*/
--btn-bg: #0d0d0d;/* button bg color*/

--primary-text-color: #000;
--header-link-hover: #dddcdccf;
--footer-link-hover: #6dbb00;
--input-focus-bd-color: #0d0d0d;
}


html {
scroll-behavior: smooth;
font-family: "Roboto", sans-serif;
}

header{
/* background-color: #fff;
color: #000; */
}


header > .collapsible-header{
display: flex;
gap: 1rem;
width: 100%;
background-color: inherit;
place-content: center;
overflow: hidden;
transition: width 0.3s ease;
}

.outline-effect {
color: black;
-webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
-webkit-text-stroke: 2px black;
}

.animated-collapse{
transition: width 0.3s ease;
}

.header-links {
display: flex;
align-items: center;
min-width: fit-content;
border-radius: 25px;
padding: 5px 15px;
transition: background-color 0.5s, color 0.5s;
}


.header-links:hover {
background-color: var(--header-link-hover);
}

.material-icons.md-40 {
font-size: 40px;
}

.primary-text-color{
color: var(--primary-text-color);
}

.opacity-0{
opacity: 0 !important;
}

.opacity-100{
opacity: 100 !important;
}

.btn{
padding: 10px 15px;
width: max-content;
border-radius: 25px;
color: var(--btn-color);
background-color: var(--btn-bg);
justify-content: center;
align-items: center;
display: flex;
cursor: pointer;
}

.btn:hover{

}

.btn:disabled{
cursor: default;
}

.input{
padding: 10px;
background-color: transparent;
border-radius: 25px;
/* outline: none; */
min-width: 100px;
border: 2px solid #818080;
transition: border 0.3s;
}

.input:active, .input:focus, .input:focus-within{
border: 2px solid var(--input-focus-bd-color);
}

.input-error{
border-bottom: 3px solid #ff1e1e;
}

.input-error:focus-within{
border-bottom: 3px solid #fd0101;
}


/* Navigation dots styling */
.dots-container {
text-align: center;
margin-top: 20px;
}

.footer-link{
color: #0d0d0d;
transition: color 0.3s;
}

.footer-link:hover{
color: var(--footer-link-hover);
}


.review-container {
position: relative;
max-width: 600px;
margin: auto;
}

.review-card{
box-shadow: 0px 2px 4px #757474a0;
border-radius: 15px;
/* width: 200px; */
/* height: 550px; */
padding: 10px;
}

/* --------- collapsible div ---------- */
.collapsible {
background-color: #f3f0f0;
color: #2b2929;
/* cursor: pointer; */
padding: 5px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
transition: 0.4s;
}

/* Style for the collapsible content */
.content {
padding: 0 18px;
/* display: none; */
height: 0px;
overflow: hidden;
background-color: transparent;
transition: height 0.5s;
text-align: justify;
margin-top: 10px;
}

.collapsible .active,
.collapsible:hover {
/* background-color: #dedddd; */
}

@media not all and (min-width: 1024px) {
header .collapsible-header {
position: fixed;
right: 0px;
flex-direction: column;
opacity: 0;
height: 100vh;
min-height: 100vh;
height: 100dvh;
width: 0vw;
justify-content: space-between;
padding: 5px;
padding-top: 5%;
padding-bottom: 5%;
place-items: end;
background-color: #ffffff;
color: #000000;
overflow-y: auto;
box-shadow: 2px 0px 3px #000;
}

.header-links{
color: black;
}

}
1 change: 1 addition & 0 deletions src/portfolio/Jamie-portfolio/css/tailwind-build.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 8 additions & 0 deletions src/portfolio/Jamie-portfolio/css/tailwind.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components{
}


Loading

0 comments on commit 4495d50

Please sign in to comment.