Skip to content

Commit

Permalink
landing page + featuers section
Browse files Browse the repository at this point in the history
  • Loading branch information
@oussamaB14
oussamaB14 committed May 1, 2024
1 parent 91c9cab commit 9f20b05
Show file tree
Hide file tree
Showing 24 changed files with 620 additions and 87 deletions.
8 changes: 4 additions & 4 deletions back/frankme/requests.rest
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,10 @@
POST http://localhost:3000/authentication/sign-up
Content-Type: application/json

{"email": "test1@gmail.com",
"password": "123456",
"firstName": "test1",
"lastName": "test1",
{"email": "test77893145@gmail.com",
"password": "7894456",
"firstName": "aaaaaaaaaaaaaaa",
"lastName": "ooooo",
"phone": "1234567890"}


Expand Down
5 changes: 5 additions & 0 deletions front/src/app/app-routing.module.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,11 @@ const routes: Routes = [
loadChildren: () =>
import('./modules/pricing/pricing.module').then((m) => m.PricingModule),
},
{
path: 'contact',
loadChildren: () =>
import('./modules/contact/contact.module').then((m) => m.ContactModule),
},
{ path: '**', redirectTo: '' },
];

Expand Down
2 changes: 1 addition & 1 deletion front/src/app/app.component.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<router-outlet></router-outlet>
<div class="y-5"><router-outlet></router-outlet></div>
133 changes: 129 additions & 4 deletions front/src/app/modules/about/about.component.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,130 @@
<app-headr-main></app-headr-main>
<app-navbar></app-navbar>
<div class="conatiner">
<h1>Add New Product</h1>
<h1>Add New Product</h1>
</div>
<header class="py-5">
<div class="container px-5">
<div class="row justify-content-center">
<div class="col-lg-8 col-xxl-6">
<div class="text-center my-5">
<h1 class="fw-bolder mb-3">
Our mission is to make building websites easier for everyone.
</h1>
<p class="lead fw-normal text-muted mb-4">
Start Bootstrap was built on the idea that quality, functional
website templates and themes should be available to everyone. Use
our open source, free products, or support us by purchasing one of
our premium products or services.
</p>
<a class="btn btn-primary btn-lg" href="#scroll-target"
>Read our story</a
>
</div>
</div>
</div>
</div>
</header>
<!-- About section one-->
<section class="py-5 bg-light" id="scroll-target">
<div class="container px-5 my-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6">
<img
class="img-fluid rounded mb-5 mb-lg-0"
src="https://dummyimage.com/600x400/343a40/6c757d"
alt="..."
/>
</div>
<div class="col-lg-6">
<h2 class="fw-bolder">Our founding</h2>
<p class="lead fw-normal text-muted mb-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto est,
ut esse a labore aliquam beatae expedita. Blanditiis impedit numquam
libero molestiae et fugit cupiditate, quibusdam expedita, maiores
eaque quisquam.
</p>
</div>
</div>
</div>
</section>
<!-- About section two-->
<section class="py-5">
<div class="container px-5 my-5">
<div class="row gx-5 align-items-center">
<div class="col-lg-6 order-first order-lg-last">
<img
class="img-fluid rounded mb-5 mb-lg-0"
src="https://dummyimage.com/600x400/343a40/6c757d"
alt="..."
/>
</div>
<div class="col-lg-6">
<h2 class="fw-bolder">Growth &amp; beyond</h2>
<p class="lead fw-normal text-muted mb-0">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto est,
ut esse a labore aliquam beatae expedita. Blanditiis impedit numquam
libero molestiae et fugit cupiditate, quibusdam expedita, maiores
eaque quisquam.
</p>
</div>
</div>
</div>
</section>
<!-- Team members section-->
<section class="py-5 bg-light">
<div class="container px-5 my-5">
<div class="text-center">
<h2 class="fw-bolder">Our team</h2>
<p class="lead fw-normal text-muted mb-5">
Dedicated to quality and your success
</p>
</div>
<div
class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center"
>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img
class="img-fluid rounded-circle mb-4 px-4"
src="https://dummyimage.com/150x150/ced4da/6c757d"
alt="..."
/>
<h5 class="fw-bolder">Ibbie Eckart</h5>
<div class="fst-italic text-muted">Founder &amp; CEO</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img
class="img-fluid rounded-circle mb-4 px-4"
src="https://dummyimage.com/150x150/ced4da/6c757d"
alt="..."
/>
<h5 class="fw-bolder">Arden Vasek</h5>
<div class="fst-italic text-muted">CFO</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-sm-0">
<div class="text-center">
<img
class="img-fluid rounded-circle mb-4 px-4"
src="https://dummyimage.com/150x150/ced4da/6c757d"
alt="..."
/>
<h5 class="fw-bolder">Toribio Nerthus</h5>
<div class="fst-italic text-muted">Operations Manager</div>
</div>
</div>
<div class="col mb-5">
<div class="text-center">
<img
class="img-fluid rounded-circle mb-4 px-4"
src="https://dummyimage.com/150x150/ced4da/6c757d"
alt="..."
/>
<h5 class="fw-bolder">Malvina Cilla</h5>
<div class="fst-italic text-muted">CTO</div>
</div>
</div>
</div>
</div>
</section>
</div>
5 changes: 2 additions & 3 deletions front/src/app/modules/about/about.module.ts
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,9 @@
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HomeRoutingModule } from '../home/home-routing.module';
import { SharedModule } from '../../shared/shared.module';


@NgModule({
declarations: [],
imports: [CommonModule, HomeRoutingModule, SharedModule],
imports: [CommonModule],
})
export class AboutModule {}
113 changes: 112 additions & 1 deletion front/src/app/modules/contact/contact.component.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1,112 @@
<p>contact works!</p>
<!-- <app-navbar></app-navbar> -->
<div class="container-fluid px-5 my-5">
<div class="row justify-content-center">
<div class="col-xl-10">
<div class="card border-0 rounded-3 shadow-lg overflow-hidden">
<div class="card-body p-0">
<div class="row g-0">
<div class="col-sm-6 d-none d-sm-block bg-image"></div>
<div class="col-sm-6 p-4">
<div class="text-center">
<div class="h3 fw-light">Contact Form</div>
<p class="mb-4 text-muted">Split layout contact form</p>
</div>
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
<!-- Name Input -->
<div class="form-floating mb-3">
<input
class="form-control"
id="name"
type="text"
placeholder="Name"
data-sb-validations="required"
/>
<label for="name">Name</label>
<div
class="invalid-feedback"
data-sb-feedback="name:required"
>
Name is required.
</div>
</div>

<!-- Email Input -->
<div class="form-floating mb-3">
<input
class="form-control"
id="emailAddress"
type="email"
placeholder="Email Address"
data-sb-validations="required,email"
/>
<label for="emailAddress">Email Address</label>
<div
class="invalid-feedback"
data-sb-feedback="emailAddress:required"
>
Email Address is required.
</div>
<div
class="invalid-feedback"
data-sb-feedback="emailAddress:email"
>
Email Address Email is not valid.
</div>
</div>

<!-- Message Input -->
<div class="form-floating mb-3">
<textarea
class="form-control"
id="message"
type="text"
placeholder="Message"
style="height: 10rem"
data-sb-validations="required"
></textarea>
<label for="message">Message</label>
<div
class="invalid-feedback"
data-sb-feedback="message:required"
>
Message is required.
</div>
</div>

<!-- Submit success message -->
<div class="d-none" id="submitSuccessMessage">
<div class="text-center mb-3">
<div class="fw-bolder">Form submission successful!</div>
<p>To activate this form, sign up at</p>
<a href="https://startbootstrap.com/solution/contact-forms"
>https://startbootstrap.com/solution/contact-forms</a
>
</div>
</div>

<!-- Submit error message -->
<div class="d-none" id="submitErrorMessage">
<div class="text-center text-danger mb-3">
Error sending message!
</div>
</div>

<!-- Submit button -->
<div class="d-grid">
<button
class="btn btn-primary btn-lg disabled"
id="submitButton"
type="submit"
>
Submit
</button>
</div>
</form>
<!-- End of contact form -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
7 changes: 2 additions & 5 deletions front/src/app/modules/contact/contact.module.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,8 @@ import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';



@NgModule({
declarations: [],
imports: [
CommonModule
]
imports: [CommonModule],
})
export class ContactModule { }
export class ContactModule {}
2 changes: 2 additions & 0 deletions front/src/app/modules/home/home-routing.module.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,14 @@ import { HomeComponent } from './home.component';
import { AboutComponent } from '../about/about.component';
import { ServiceComponent } from '../service/service.component';
import { PricingComponent } from '../pricing/pricing.component';
import { ContactModule } from '../contact/contact.module';

const routes: Routes = [
{ path: '', component: HomeComponent },
{ path: 'about', component: AboutComponent },
{ path: 'service', component: ServiceComponent },
{ path: 'pricing', component: PricingComponent },
{ path: 'contact', component: ContactModule },
];

@NgModule({
Expand Down
Loading

0 comments on commit 9f20b05

Please sign in to comment.