Skip to content

Commit a88672d

Browse files
author
admin
committed
small changes to the front-end
1 parent 28bc679 commit a88672d

File tree

6 files changed

+47
-183
lines changed

6 files changed

+47
-183
lines changed

package-lock.json

+22-32
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+1
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,7 @@
2323
"magnific-popup": "^1.1.0",
2424
"ng-particles": "^3.9.3",
2525
"ngx-useful-swiper": "^10.0.1",
26+
"or": "^0.2.0",
2627
"rxjs": "~7.5.0",
2728
"sass": "^1.53.0",
2829
"swiper": "^8.3.1",

src/app/components/pages/home-one/hero-one/hero-one.component.css

+12-1
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,19 @@
33
height: 100vh;
44
}
55

6+
.btn-primary {
7+
: #a230ed;
8+
}
9+
10+
h1 {
11+
font-size: 40px;
12+
background: -webkit-linear-gradient( #FAF9F6,#FAF9F6);
13+
-webkit-background-clip: text;
14+
-webkit-text-fill-color: transparent;
15+
}
16+
617
.hero-content-wrap {
7-
margin-top: 50%;
18+
margin-top: 40%;
819
position: relative;
920
text-align: left; /* add text alignment to center text horizontally */
1021
display: flex;

src/app/components/pages/home-one/hero-one/hero-one.component.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,10 @@
1212

1313
<div class="hero-content-wrap text-left">
1414
<h1 class="glow fw display-6">
15-
THINK DIGITAL ACT HUMAN
15+
We combine innovative thinking with top-tier development to create custom software solutions that elevate your business performance.
1616
</h1>
1717
<p class="lead">
18-
Revolutionizing businesses through innovative software solutions.
18+
1919
</p>
2020
<div class="action-btn mt-5 d-block d-sm-flex d-lg-flex d-md-flex">
2121
<a routerLink="/request-for-demo" class="btn btn-primary me-3">Book a meeting</a>

src/app/components/pages/home-one/hero-one/hero-one.component.ts

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Component, OnInit } from '@angular/core';
22
import GLightbox from 'glightbox';
3-
import { MoveDirection, ClickMode, HoverMode, OutMode, Container, Engine } from "tsparticles-engine";
3+
import { MoveDirection, ClickMode, HoverMode, OutMode, Container, Engine, Shadow } from "tsparticles-engine";
44
import { loadFull } from "tsparticles";
55

66

@@ -44,10 +44,11 @@ export class HeroOneComponent {
4444
},
4545
particles: {
4646
color: {
47-
value: "#ffffff",
47+
value: "#FAF9F6",
4848
},
4949
links: {
50-
color: "#ffffff",
50+
color: "#FAF9F6",
51+
5152
distance: 150,
5253
enable: true,
5354
opacity: 0.3,

src/app/components/shared/price-list/price-list.component.html

+6-145
Original file line numberDiff line numberDiff line change
@@ -6,11 +6,12 @@
66
<div [ngClass]="sectionTitle ? 'row justify-content-center' : 'd-none'">
77
<div class="col-lg-6 col-md-10">
88
<div class="section-heading text-center">
9-
<h4 class="h5 text-primary">Pricing</h4>
10-
<h2>Need a business website?</h2>
9+
<h4 class="h5 text-primary">Lets have a coffee</h4>
10+
<h2>Personalized Advice</h2>
1111
<p>
12-
Conveniently mesh cooperative services via magnetic outsourcing.
13-
Dynamically grow value whereas accurate e-commerce vectors.
12+
But we don't just stop at creating top-tier software. We understand the complexities of the digital world can be daunting,
13+
and we're here to help navigate this journey together. We offer complimentary consultations and expert advice, guiding you
14+
through the process from ideation to implementation, and beyond.
1415
</p>
1516
</div>
1617
</div>
@@ -45,147 +46,7 @@ <h2>Need a business website?</h2>
4546
<div class="icon-box mb-0 bg-danger-soft rounded-circle d-block me-3">
4647
<i class="fal fa-book text-danger"></i>
4748
</div>
48-
<div class="media-body fw-medium h6 mb-0">Free Website training</div>
49-
</div>
50-
</div>
51-
</div>
52-
<div class="row">
53-
<div class="col-lg-4 col-md-6">
54-
<div
55-
class="position-relative single-pricing-wrap rounded-custom bg-white custom-shadow p-5 mb-4 mb-lg-0"
56-
>
57-
<div class="pricing-header mb-32">
58-
<h3 class="package-name text-primary d-block">Starter</h3>
59-
<h4 class="display-6 fw-semi-bold"><span></span>€950</h4>
60-
</div>
61-
<div class="pricing-info mb-4">
62-
<ul class="pricing-feature-list list-unstyled">
63-
<li>
64-
<i class="fas fa-circle fa-2xs text-primary me-2"></i>A simple and clean website design
65-
</li>
66-
<li>
67-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Customization of a pre-designed template
68-
</li>
69-
<li>
70-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Mobile responsive design
71-
72-
</li>
73-
<li>
74-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Contact form integration
75-
</li>
76-
<li>
77-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Basic SEO optimization
78-
</li>
79-
<li>
80-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> One round of revisions
81-
</li>
82-
<li>
83-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Domain & Hosting
84-
</li>
85-
<li>
86-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> business e-mail
87-
</li>
88-
</ul>
89-
</div>
90-
<a routerLink="/request-for-demo" class="btn btn-outline-primary mt-2"
91-
>More info</a
92-
>
93-
94-
<!--pattern start-->
95-
<div class="dot-shape-bg position-absolute z--1 left--40 bottom--40">
96-
<img src="assets/img/shape/dot-big-square.svg" alt="shape" />
97-
</div>
98-
<!--pattern end-->
99-
</div>
100-
</div>
101-
<div class="col-lg-4 col-md-6">
102-
<div
103-
class="position-relative single-pricing-wrap rounded-custom bg-gradient text-white p-5 mb-4 mb-lg-0"
104-
>
105-
<div class="pricing-header mb-32">
106-
<h3 class="package-name text-warning d-block">Growth</h3>
107-
<h4 class="display-6 fw-semi-bold">€1400<span></span></h4>
108-
</div>
109-
<div class="pricing-info mb-4">
110-
<ul class="pricing-feature-list list-unstyled">
111-
<li>
112-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> Website design with 10 pages
113-
</li>
114-
<li>
115-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> Mobile responsive design
116-
</li>
117-
<li>
118-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> Content management system
119-
</li>
120-
<li>
121-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> Advanced SEO optimization
122-
</li>
123-
<li>
124-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> Basic e-commerce integration
125-
</li>
126-
<li>
127-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> Three rounds of revisions
128-
</li>
129-
<li>
130-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> All from the starter
131-
</li>
132-
<li>
133-
<i class="fas fa-circle fa-2xs text-warning me-2"></i> Technical support and maintenance
134-
</li>
135-
</ul>
136-
</div>
137-
<a routerLink="/request-for-demo" class="btn btn-primary mt-2"
138-
>More info</a
139-
>
140-
</div>
141-
</div>
142-
<div class="col-lg-4 col-md-6">
143-
<div
144-
class="position-relative single-pricing-wrap rounded-custom bg-white custom-shadow p-5 mb-4 mb-lg-0"
145-
>
146-
<div class="pricing-header mb-32">
147-
<h3 class="package-name text-primary d-block">Premium</h3>
148-
<h4 class="display-6 fw-semi-bold">€1700<span></span></h4>
149-
</div>
150-
<div class="pricing-info mb-4">
151-
<ul class="pricing-feature-list list-unstyled">
152-
<li>
153-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> <strong>Custom</strong> website design with 20+ pages
154-
</li>
155-
<li>
156-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Everything from <strong>Starter & Growth</strong>
157-
</li>
158-
<li>
159-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Customized features and functionality
160-
</li>
161-
<li>
162-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Advanced Security integration
163-
164-
</li>
165-
<li>
166-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> 24/7 Dedicated Support for 1 month
167-
</li>
168-
<li>
169-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Unlimited revisions
170-
</li>
171-
<li>
172-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Automated
173-
Updated Features
174-
</li>
175-
<li>
176-
<i class="fas fa-circle fa-2xs text-primary me-2"></i> Website speed optimization
177-
</li>
178-
</ul>
179-
</div>
180-
<a routerLink="/request-for-demo" class="btn btn-outline-primary mt-2"
181-
>More info</a
182-
>
183-
184-
<!--pattern start-->
185-
<div class="dot-shape-bg position-absolute z--1 right--40 top--40">
186-
<img src="assets/img/shape/dot-big-square.svg" alt="shape" />
187-
</div>
188-
<!--pattern end-->
49+
<div class="media-body fw-medium h6 mb-0">Free training</div>
18950
</div>
19051
</div>
19152
</div>

0 commit comments

Comments
 (0)