diff --git a/.gitattributes b/.gitattributes
deleted file mode 100644
index dfe0770..0000000
--- a/.gitattributes
+++ /dev/null
@@ -1,2 +0,0 @@
-# Auto detect text files and perform LF normalization
-* text=auto
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..032a944
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2023 Oleksandr Smagin
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/index.html b/index.html
deleted file mode 100644
index 00baa79..0000000
--- a/index.html
+++ /dev/null
@@ -1,703 +0,0 @@
-
-
-
- Sports betting, lottery and bingo playing for the fun
-
-
-
-
-
-
Preference tests
-
- The Myspace page defines the individual.
-
-
-
-
-
-
Five second tests
-
- Personal choices and the overall personality of the person.
-
-
-
-
-
-
-
-
-
-
-
-
-
Effortless Validation for
-
Management
-
- The Myspace page defines the individual, his or her
- characteristics, traits, personal choices and the overall
- personality of the person.
-
-
-
-
Accessory makers
-
- While most people enjoy casino gambling, sports betting, lottery
- and bingo playing for the fun
-
-
-
-
Alterationists
-
- If you are looking for a new way to promote your business that
- won’t cost you more money,
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Easier decision making for
-
Customer Support
-
- The Myspace page defines the individual, his or her
- characteristics, traits, personal choices and the overall
- personality of the person.
-
-
-
-
-
-
- Never worry about overpaying for your energy again.
-
-
-
-
-
- We will only switch you to energy companies that we trust and
- will treat you right
-
-
-
-
-
- We track the markets daily and know where the savings are.
-
-
-
-
-
-
-
-
-
-
-
Optimisation for
-
Collaborative
-
- Few would argue that, despite the advancements of feminism over
- the past three decades, women still face a double standard when
- it comes to their behavior.
-
-
-
-
Accessory makers
-
- While most people enjoy casino gambling, sports betting, lottery
- and bingo playing for the fun
-
-
-
-
Alterationists
-
- If you are looking for a new way to promote your business that
- won’t cost you more money,
-
-
-
-
-
-
-
-
-
-
-
Quick & Easy Process
-
- Do you require some help for your project: Conception workshop,
- prototyping, marketing strategy, landing page, Ux/UI?
-
-
-
-
-
I can take care of your pitch
-
-
-
I can prototype your app
-
-
-
-
I can take care of your pitch
-
-
-
-
-
I can help marketing strategy
-
-
-
-
-
-
-
-
-
-
Contents Strategies
-
- We focus on ergonomics and meeting you where you work. It's only a
- keystroke away.
-
- Increasing prosperity in our lives can be accomplished by having
- the right frame of mind. The truth is, our thoughts are very
- powerful. They are capable of influencing every aspect of our
- daily lives, from our physical health to our social behaviors. I'm
- sure you've heard the adage, "As you think, so shall you be." If
- we want to improve our lives, we must first improve our thoughts.
- Harnessing the power of thought in a positive way has the ability
- to create great change in our lives, including our financial
- well-being and prosperity. But how? How do we take something as
- intangible as thoughts, and manifest them into a physical reality?
- We must first understand that being prosperous is more than having
- a lot of money. Prosperity is a mindset, a way of interacting in
- our lives, and a way of thinking. Mastering this train of thought
- is not easy, but it is simple enough if we keep working on it
- consistently.
-
-
-
-
-
-
-
-
Price Table
-
We offer competitive price
-
-
-
-
- Free
-
-
-
Brief price description
-
-
-
-
0
-
- $
-
- Per / month
-
-
-
-
-
-
Only 2 Operators
-
-
-
Notifications
-
-
-
Landing Pages
-
-
-
-
-
-
-
-
-
- Standard
-
-
-
-
- Brief price description
-
-
-
-
-
5
-
- $
-
- Per / month
-
-
-
-
-
-
- 5+ Operators
-
-
-
-
- Notifications
-
-
-
-
- Landing Pages
-
-
-
-
-
-
-
-
-
-
Premium
-
-
-
Brief price description
-
-
-
-
10
-
- $
-
- Per / month
-
-
-
-
-
-
10+ Operators
-
-
-
Notifications
-
-
-
Landing Pages
-
-
-
-
-
-
-
-
-
-
-
What Clients Say
-
- Problems trying to resolve the conflict between the two major realms
- of Classical physics: Newtonian mechanics
-
-
-
-
-
-
-
- Product helps you see how many more days you need to work to
- reach your financial goal.
-
-
-
-
- Alan Drew
- Teacher
-
-
-
-
-
-
-
-
- Product helps you see how many more days you need to work to
- reach your financial goal.
-
-
-
-
- Alex Smagin
- Designer
-
-
-
-
-
-
-
-
- Product helps you see how many more days you need to work to
- reach your financial goal.
-
-
-
-
- Patrick Charles
- Photographer
-
-
-
-
-
-
-
-
-
-
- Join 100 Compannies who boost their business with Product
-
+ Sports betting, lottery and bingo playing for the fun
+
+
+
+
+
+
Preference tests
+
The Myspace page defines the individual.
+
+
+
+
+
Five second tests
+
+ Personal choices and the overall personality of the person.
+
+
+
+
+
+
+
+
+
+
+
+
+
Effortless Validation for
+
Management
+
+ The Myspace page defines the individual, his or her characteristics,
+ traits, personal choices and the overall personality of the person.
+
+
+
+
Accessory makers
+
+ While most people enjoy casino gambling, sports betting, lottery and
+ bingo playing for the fun
+
+
+
+
Alterationists
+
+ If you are looking for a new way to promote your business that won’t
+ cost you more money,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Easier decision making for
+
Customer Support
+
+ The Myspace page defines the individual, his or her characteristics,
+ traits, personal choices and the overall personality of the person.
+
+
+
+
+
+
+ Never worry about overpaying for your energy again.
+
+
+
+
+
+ We will only switch you to energy companies that we trust and will
+ treat you right
+
+
+
+
+
+ We track the markets daily and know where the savings are.
+
+
+
+
+
+
+
+
+
+
+
Optimisation for
+
Collaborative
+
+ Few would argue that, despite the advancements of feminism over the
+ past three decades, women still face a double standard when it comes
+ to their behavior.
+
+
+
+
Accessory makers
+
+ While most people enjoy casino gambling, sports betting, lottery and
+ bingo playing for the fun
+
+
+
+
Alterationists
+
+ If you are looking for a new way to promote your business that won’t
+ cost you more money,
+
+
+
+
+
+
+
+
+
+
+
Quick & Easy Process
+
+ Do you require some help for your project: Conception workshop,
+ prototyping, marketing strategy, landing page, Ux/UI?
+
+
+
+
+
I can take care of your pitch
+
+
+
I can prototype your app
+
+
+
+
I can take care of your pitch
+
+
+
+
+
I can help marketing strategy
+
+
+
+
+
+
+
+
+
+
Contents Strategies
+
+ We focus on ergonomics and meeting you where you work. It's only a
+ keystroke away.
+
+ Increasing prosperity in our lives can be accomplished by having the
+ right frame of mind. The truth is, our thoughts are very powerful.
+ They are capable of influencing every aspect of our daily lives, from
+ our physical health to our social behaviors. I'm sure you've heard the
+ adage, "As you think, so shall you be." If we want to improve our
+ lives, we must first improve our thoughts. Harnessing the power of
+ thought in a positive way has the ability to create great change in
+ our lives, including our financial well-being and prosperity. But how?
+ How do we take something as intangible as thoughts, and manifest them
+ into a physical reality? We must first understand that being
+ prosperous is more than having a lot of money. Prosperity is a
+ mindset, a way of interacting in our lives, and a way of thinking.
+ Mastering this train of thought is not easy, but it is simple enough
+ if we keep working on it consistently.
+
+
+
+
+
+
+
+
Price Table
+
We offer competitive price
+
+
+
+
+ Free
+
+
+
Brief price description
+
+
+
+
0
+
+ $
+
+ Per / month
+
+
+
+
+
+
Only 2 Operators
+
+
+
Notifications
+
+
+
Landing Pages
+
+
+
+
+
+
+
+
+
+ Standard
+
+
+
+
+ Brief price description
+
+
+
+
+
5
+
+ $
+
+ Per / month
+
+
+
+
+
+
5+ Operators
+
+
+
+ Notifications
+
+
+
+
+ Landing Pages
+
+
+
+
+
+
+
+
+
+
Premium
+
+
+
Brief price description
+
+
+
+
10
+
+ $
+
+ Per / month
+
+
+
+
+
+
10+ Operators
+
+
+
Notifications
+
+
+
Landing Pages
+
+
+
+
+
+
+
+
+
+
+
What Clients Say
+
+ Problems trying to resolve the conflict between the two major realms of
+ Classical physics: Newtonian mechanics
+
+
+
+
+
+
+
+ Product helps you see how many more days you need to work to reach
+ your financial goal.
+
+
+
+
+ Alan Drew
+ Teacher
+
+
+
+
+
+
+
+
+ Product helps you see how many more days you need to work to reach
+ your financial goal.
+
+
+
+
+ Alex Smagin
+ Designer
+
+
+
+
+
+
+
+
+ Product helps you see how many more days you need to work to reach
+ your financial goal.
+
+
+
+
+ Patrick Charles
+ Photographer
+
+
+
+
+
+
+
+
+
+
+ Join 100 Compannies who boost their business with Product
+
+
+
+
+
+
+
diff --git a/src/partials/main.footer.html b/src/partials/main.footer.html
new file mode 100644
index 0000000..fde243b
--- /dev/null
+++ b/src/partials/main.footer.html
@@ -0,0 +1,79 @@
+
diff --git a/src/partials/scroll-up.html b/src/partials/scroll-up.html
new file mode 100644
index 0000000..915335b
--- /dev/null
+++ b/src/partials/scroll-up.html
@@ -0,0 +1,5 @@
+
diff --git a/pricing.html b/src/pricing.html
similarity index 100%
rename from pricing.html
rename to src/pricing.html
diff --git a/img/avatar-1.jpg b/src/public/img/avatar-1.jpg
similarity index 100%
rename from img/avatar-1.jpg
rename to src/public/img/avatar-1.jpg
diff --git a/img/avatar-2.jpg b/src/public/img/avatar-2.jpg
similarity index 100%
rename from img/avatar-2.jpg
rename to src/public/img/avatar-2.jpg
diff --git a/img/avatar-3.jpg b/src/public/img/avatar-3.jpg
similarity index 100%
rename from img/avatar-3.jpg
rename to src/public/img/avatar-3.jpg
diff --git a/img/avatar-4.jpg b/src/public/img/avatar-4.jpg
similarity index 100%
rename from img/avatar-4.jpg
rename to src/public/img/avatar-4.jpg
diff --git a/img/checkmark.svg b/src/public/img/checkmark.svg
similarity index 100%
rename from img/checkmark.svg
rename to src/public/img/checkmark.svg
diff --git a/img/content.jpg b/src/public/img/content.jpg
similarity index 100%
rename from img/content.jpg
rename to src/public/img/content.jpg
diff --git a/img/content2.jpg b/src/public/img/content2.jpg
similarity index 100%
rename from img/content2.jpg
rename to src/public/img/content2.jpg
diff --git a/img/content2@2x.jpg b/src/public/img/content2@2x.jpg
similarity index 100%
rename from img/content2@2x.jpg
rename to src/public/img/content2@2x.jpg
diff --git a/img/content3.jpg b/src/public/img/content3.jpg
similarity index 100%
rename from img/content3.jpg
rename to src/public/img/content3.jpg
diff --git a/img/content3@2x.jpg b/src/public/img/content3@2x.jpg
similarity index 100%
rename from img/content3@2x.jpg
rename to src/public/img/content3@2x.jpg
diff --git a/img/content@2x.jpg b/src/public/img/content@2x.jpg
similarity index 100%
rename from img/content@2x.jpg
rename to src/public/img/content@2x.jpg
diff --git a/src/public/img/icons.svg b/src/public/img/icons.svg
new file mode 100644
index 0000000..8250b05
--- /dev/null
+++ b/src/public/img/icons.svg
@@ -0,0 +1,14 @@
+
diff --git a/img/mac1.jpg b/src/public/img/mac1.jpg
similarity index 100%
rename from img/mac1.jpg
rename to src/public/img/mac1.jpg
diff --git a/img/mac2.jpg b/src/public/img/mac2.jpg
similarity index 100%
rename from img/mac2.jpg
rename to src/public/img/mac2.jpg
diff --git a/img/mac3.jpg b/src/public/img/mac3.jpg
similarity index 100%
rename from img/mac3.jpg
rename to src/public/img/mac3.jpg
diff --git a/img/screen.jpg b/src/public/img/screen.jpg
similarity index 100%
rename from img/screen.jpg
rename to src/public/img/screen.jpg
diff --git a/img/symbol-defs.svg b/src/public/img/symbol-defs.svg
similarity index 99%
rename from img/symbol-defs.svg
rename to src/public/img/symbol-defs.svg
index 3501719..0c7138f 100644
--- a/img/symbol-defs.svg
+++ b/src/public/img/symbol-defs.svg
@@ -3,7 +3,6 @@
-
diff --git a/img/testimonials1.jpg b/src/public/img/testimonials1.jpg
similarity index 100%
rename from img/testimonials1.jpg
rename to src/public/img/testimonials1.jpg
diff --git a/img/testimonials2.jpg b/src/public/img/testimonials2.jpg
similarity index 100%
rename from img/testimonials2.jpg
rename to src/public/img/testimonials2.jpg
diff --git a/img/testimonials3.jpg b/src/public/img/testimonials3.jpg
similarity index 100%
rename from img/testimonials3.jpg
rename to src/public/img/testimonials3.jpg
diff --git a/styles/media.css b/src/styles/media.css
similarity index 100%
rename from styles/media.css
rename to src/styles/media.css
diff --git a/styles/style.css b/src/styles/style.css
similarity index 97%
rename from styles/style.css
rename to src/styles/style.css
index bac9f20..f086c77 100644
--- a/styles/style.css
+++ b/src/styles/style.css
@@ -9,6 +9,8 @@
--transition: all 0.3s;
--main-text-font: 'Poppins', sans-serif;
--secondary-text-font: 'Montserrat', sans-serif;
+ --bkg-black-low-opacity-color: rgba(18, 20, 23, 0.5);
+ --bkg-grey-low-opacity-color: rgba(244, 244, 244, 0.5);
}
* {
@@ -1743,4 +1745,42 @@ a:link {
.pricing-footer {
padding-top: 15rem;
+}
+
+/* ********* SCROLL-UP ********* */
+/* **************************** */
+
+.scrollup__btn {
+ padding: 12px;
+ position: fixed;
+ bottom: 40px;
+ right: 40px;
+ border-radius: 50px;
+ background-color: var(--bkg-black-low-opacity-color);
+ font-size: 0px;
+ border: 1px solid var(--bkg-grey-low-opacity-color);
+ transition: all 0.3s linear;
+
+ @media (1440px<=width) {
+ bottom: 24px;
+ right: 24px;
+ }
+}
+
+.scrollup__btn:hover,
+.scrollup__btn:focus {
+ border-color: var(--main-color);
+ background-color: var(--text-main-color);
+}
+
+.scrollup__btn:hover .scrollup__btn__icon,
+.scrollup__btn:focus .scrollup__btn__icon {
+ fill: var(--main-color);
+}
+
+.scrollup__btn__icon {
+ height: 32px;
+ width: 32px;
+ fill: var(--text-main-color);
+ transition: all 0.3s linear;
}
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..8169b5c
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,19 @@
+import { defineConfig } from "vite";
+import glob from "glob";
+import injectHTML from "vite-plugin-html-inject";
+import FullReload from "vite-plugin-full-reload";
+
+export default defineConfig({
+ define: {
+ _global: {},
+ },
+ root: "src",
+ base: "/business-product/",
+ build: {
+ rollupOptions: {
+ input: glob.sync("./src/*.html"),
+ },
+ outDir: "../dist",
+ },
+ plugins: [injectHTML(), FullReload(["./src/**/**.html"])],
+});