diff --git a/src/about.html b/src/about.html index 204a61e..21b9735 100644 --- a/src/about.html +++ b/src/about.html @@ -1,43 +1,93 @@ - - Core Computing - - - - - -
-
-

Ce facem

-
-
-

Core Computing este o companie de IT înființată în 2020, care, până în prezent, a dezvoltat o echipa de specialiști cu o vastă experiență în domeniu. Prin tot ceea ce facem, ne asumăm rolul de a eficientiza munca partenerilor noștri prin dezvoltarea de soluții tehnice customizate după nevoile lor

-

Suntem mereu la curent cu cele mai noi tehnologii și ne adaptăm fiecărui proiect, respectând cerințele specifice. Dăm dovadă de eficiență și răspundem cu promptitudine cererilor tuturor clienților noștri.

+ + Firma - Core Computing + + + + + +
+
+

Ce facem

+
+
+

+ Core Computing este o companie de IT înființată în 2020, care, până + în prezent, a dezvoltat o echipa de specialiști cu o vastă + experiență în domeniu. Prin tot ceea ce facem, ne asumăm rolul de a + eficientiza munca partenerilor noștri prin dezvoltarea de soluții + tehnice customizate după nevoile lor +

+

+ Suntem mereu la curent cu cele mai noi tehnologii și ne adaptăm + fiecărui proiect, respectând cerințele specifice. Dăm dovadă de + eficiență și răspundem cu promptitudine cererilor tuturor clienților + noștri. +

+
+
+

+ Colaborăm cu companii mici, medii și mari, atât la nivel național + cât și global. În munca noastră de dezvoltare software, ne place să + facem lucrurile diferit. Nu folosim platforme predefinite sau + șabloane standard. Realizăm, de la zero, codul brut pentru toate + proiectele pe care le dezvoltăm. Astfel, obținem de fiecare dată + rezultate unice, personalizate pentru fiecare client. +

+

+ Dăm dovadă de flexibilitate și ne adaptăm cu ușurință cerințelor, + oferind soluții de dezvoltare menite să ajute la o mai bună + organizare, dar și la creșterea afacerilor partenerilor noștri. +

+
-
-

Colaborăm cu companii mici, medii și mari, atât la nivel național cât și global. În munca noastră de dezvoltare software, ne place să facem lucrurile diferit. Nu folosim platforme predefinite sau șabloane standard. Realizăm, de la zero, codul brut pentru toate proiectele pe care le dezvoltăm. Astfel, obținem de fiecare dată rezultate unice, personalizate pentru fiecare client.

-

Dăm dovadă de flexibilitate și ne adaptăm cu ușurință cerințelor, oferind soluții de dezvoltare menite să ajute la o mai bună organizare, dar și la creșterea afacerilor partenerilor noștri.

+

Centrul de date

+
+
+

+ Sistem Emerson SmartAisle Containment ce controleaza intregul + ansamblu CRAC in vederea securizarii SLA-ului garantat pe + temperatura. Procent de umiditate controlat si constant. +

+ +
+
+ +

+ Sistem de detectie incendiu format din detectori adresabili (fum si + temperatura). Sistem VESDA de aspiratie pentru detectia timpurie a + fumului in camere de colocare si camera tehnica. Sistem de stingere + cu gaz inert (INERGEN). Acesta este un amestec de gaze naturale + prezente in mod obisnuit in atmosfera - astfel, gazul inergen nu + contribuie la fenomenul de incalzire globala si nu are impact asupra + stratului de ozon. +

+
+
+

+ Sistemul de control access biometric (scanare amprenta faciala, + fingerprint, cod si card) asigura un nivel inalt de securitate. + Sistem de monitorizare video(camere IP 3mp) cu circuit intern ce + monitorizeaza interiorul si exteriorul, detectoare de miscare, + indicatoare de usi deschise, senzori de inundatie, sisteme de acces + cu cardul. In inspectiile de rutina, efectuate de agentii de + securitate, sunt incluse toate punctele de intrare/iesire ale + cladirii, precum si zonele interne securizate. +

+ +
+
+ +

+ Protectie standard pentru fiecare rack: 16A, 32A, 63A, sau chiar mai + mult, daca este necesar. Alimentarea cu energie de 380VAC, 230VAC, + 48VDC. Fiecare rack beneficiaza de doua circuite separate de curent. + Putere instalata de 1.25 MW. UPS si generatoare diesel pentru + backup. +

+
-

Centrul de date

-
-
-

Sistem Emerson SmartAisle Containment ce controleaza intregul ansamblu CRAC in vederea securizarii SLA-ului garantat pe temperatura. Procent de umiditate controlat si constant.

- -
-
- -

Sistem de detectie incendiu format din detectori adresabili (fum si temperatura). Sistem VESDA de aspiratie pentru detectia timpurie a fumului in camere de colocare si camera tehnica. Sistem de stingere cu gaz inert (INERGEN). Acesta este un amestec de gaze naturale prezente in mod obisnuit in atmosfera - astfel, gazul inergen nu contribuie la fenomenul de incalzire globala si nu are impact asupra stratului de ozon.

-
-
-

Sistemul de control access biometric (scanare amprenta faciala, fingerprint, cod si card) asigura un nivel inalt de securitate. Sistem de monitorizare video(camere IP 3mp) cu circuit intern ce monitorizeaza interiorul si exteriorul, detectoare de miscare, indicatoare de usi deschise, senzori de inundatie, sisteme de acces cu cardul. In inspectiile de rutina, efectuate de agentii de securitate, sunt incluse toate punctele de intrare/iesire ale cladirii, precum si zonele interne securizate.

- -
-
- -

Protectie standard pentru fiecare rack: 16A, 32A, 63A, sau chiar mai mult, daca este necesar. Alimentarea cu energie de 380VAC, 230VAC, 48VDC. Fiecare rack beneficiaza de doua circuite separate de curent. Putere instalata de 1.25 MW. UPS si generatoare diesel pentru backup.

-
-
- - \ No newline at end of file + + diff --git a/src/contact.html b/src/contact.html index ecd8248..982f31a 100644 --- a/src/contact.html +++ b/src/contact.html @@ -1,11 +1,11 @@ - - Core Computing - - - - - - - \ No newline at end of file + + Core Computing + + + + + + + diff --git a/src/index.html b/src/index.html index 8b0a0a9..c7cc96c 100644 --- a/src/index.html +++ b/src/index.html @@ -1,25 +1,36 @@ - - Core Computing - - - - - -
-
-
-

Mută-te în Cloud!

-

Core Computing îți oferă toate serviciile necesare pentru realizarea unei infrastructurii cloud-native.

-
-
-
-

Începe astăzi!

- - + + Core Computing + + + + + +
+
+
+

Mută-te în Cloud!

+

+ Core Computing îți oferă toate serviciile necesare pentru realizarea + unei infrastructurii cloud-native. +

+
+
+
+

Începe astăzi!

+ + +
-
- - \ No newline at end of file + + diff --git a/src/prices.html b/src/prices.html index ecd8248..982f31a 100644 --- a/src/prices.html +++ b/src/prices.html @@ -1,11 +1,11 @@ - - Core Computing - - - - - - - \ No newline at end of file + + Core Computing + + + + + + + diff --git a/src/res/h_dedicated.png b/src/res/h_dedicated.png new file mode 100644 index 0000000..6b088ec Binary files /dev/null and b/src/res/h_dedicated.png differ diff --git a/src/res/h_domain.png b/src/res/h_domain.png new file mode 100644 index 0000000..cfb00d3 Binary files /dev/null and b/src/res/h_domain.png differ diff --git a/src/res/h_k8.png b/src/res/h_k8.png new file mode 100644 index 0000000..61d04c0 Binary files /dev/null and b/src/res/h_k8.png differ diff --git a/src/res/h_saas.png b/src/res/h_saas.png new file mode 100644 index 0000000..d3d5607 Binary files /dev/null and b/src/res/h_saas.png differ diff --git a/src/res/h_vps.png b/src/res/h_vps.png new file mode 100644 index 0000000..9505a24 Binary files /dev/null and b/src/res/h_vps.png differ diff --git a/src/res/menu_dedicated.png b/src/res/menu_dedicated.png new file mode 100644 index 0000000..e55fb6e Binary files /dev/null and b/src/res/menu_dedicated.png differ diff --git a/src/res/menu_domain.png b/src/res/menu_domain.png new file mode 100644 index 0000000..6a396d6 Binary files /dev/null and b/src/res/menu_domain.png differ diff --git a/src/res/menu_k8.png b/src/res/menu_k8.png new file mode 100644 index 0000000..a94d156 Binary files /dev/null and b/src/res/menu_k8.png differ diff --git a/src/res/menu_saas.png b/src/res/menu_saas.png new file mode 100644 index 0000000..cdd1718 Binary files /dev/null and b/src/res/menu_saas.png differ diff --git a/src/res/menu_vps.png b/src/res/menu_vps.png new file mode 100644 index 0000000..713054e Binary files /dev/null and b/src/res/menu_vps.png differ diff --git a/src/res/services/dedicated1.jpg b/src/res/services/dedicated1.jpg new file mode 100644 index 0000000..cea6881 Binary files /dev/null and b/src/res/services/dedicated1.jpg differ diff --git a/src/res/services/dedicated2.jpg b/src/res/services/dedicated2.jpg new file mode 100644 index 0000000..cdb60d2 Binary files /dev/null and b/src/res/services/dedicated2.jpg differ diff --git a/src/res/services/dedicated3.jpg b/src/res/services/dedicated3.jpg new file mode 100644 index 0000000..0ddf42c Binary files /dev/null and b/src/res/services/dedicated3.jpg differ diff --git a/src/res/services/domain1.png b/src/res/services/domain1.png new file mode 100644 index 0000000..0f978aa Binary files /dev/null and b/src/res/services/domain1.png differ diff --git a/src/res/services/domain2.png b/src/res/services/domain2.png new file mode 100644 index 0000000..e4ffbc5 Binary files /dev/null and b/src/res/services/domain2.png differ diff --git a/src/res/services/domain3.png b/src/res/services/domain3.png new file mode 100644 index 0000000..35e9092 Binary files /dev/null and b/src/res/services/domain3.png differ diff --git a/src/res/services/k81.jpg b/src/res/services/k81.jpg new file mode 100644 index 0000000..dc02b9a Binary files /dev/null and b/src/res/services/k81.jpg differ diff --git a/src/res/services/k82.png b/src/res/services/k82.png new file mode 100644 index 0000000..1fd9c88 Binary files /dev/null and b/src/res/services/k82.png differ diff --git a/src/res/services/k83.png b/src/res/services/k83.png new file mode 100644 index 0000000..fc1f64c Binary files /dev/null and b/src/res/services/k83.png differ diff --git a/src/res/services/saas1.jpg b/src/res/services/saas1.jpg new file mode 100644 index 0000000..3abb2de Binary files /dev/null and b/src/res/services/saas1.jpg differ diff --git a/src/res/services/saas2.png b/src/res/services/saas2.png new file mode 100644 index 0000000..08a2a5e Binary files /dev/null and b/src/res/services/saas2.png differ diff --git a/src/res/services/saas3.jpg b/src/res/services/saas3.jpg new file mode 100644 index 0000000..2945e88 Binary files /dev/null and b/src/res/services/saas3.jpg differ diff --git a/src/res/services/vps1.png b/src/res/services/vps1.png new file mode 100644 index 0000000..dfcf8a1 Binary files /dev/null and b/src/res/services/vps1.png differ diff --git a/src/res/services/vps2.png b/src/res/services/vps2.png new file mode 100644 index 0000000..cf28008 Binary files /dev/null and b/src/res/services/vps2.png differ diff --git a/src/res/services/vps3.jpg b/src/res/services/vps3.jpg new file mode 100644 index 0000000..47da6b3 Binary files /dev/null and b/src/res/services/vps3.jpg differ diff --git a/src/res/services_header_bg.png b/src/res/services_header_bg.png new file mode 100644 index 0000000..5a3d009 Binary files /dev/null and b/src/res/services_header_bg.png differ diff --git a/src/script/components/app-button.js b/src/script/components/app-button.js index ee1a592..b0d1443 100644 --- a/src/script/components/app-button.js +++ b/src/script/components/app-button.js @@ -1,28 +1,27 @@ -import styles from '!raw-loader!sass-loader!./styles/app-button.scss'; - -class AppButton extends HTMLElement { - constructor () { - super(); - - const root = this.attachShadow({mode: 'open'}); - - const style = document.createElement('style'); - style.textContent = styles; - root.appendChild(style); - - const button = document.createElement('div'); - button.className='button'; - this.button = button - root.appendChild(button); - } - - connectedCallback() { - this.button.innerText = this.dataset.text; - } - - static get observedAttributes() { - return ['data-text', 'onclick']; - } -} - -customElements.define('app-button', AppButton); \ No newline at end of file +import styles from '!raw-loader!sass-loader!./styles/app-button.scss'; + +class AppButton extends HTMLElement { + constructor() { + super(); + } + + connectedCallback() { + const root = this.attachShadow({ mode: 'open' }); + + const style = document.createElement('style'); + style.textContent = styles; + root.appendChild(style); + + const button = document.createElement('div'); + button.className = 'button'; + button.innerText = this.dataset.text; + + root.appendChild(button); + } + + static get observedAttributes() { + return ['data-text']; + } +} + +customElements.define('app-button', AppButton); diff --git a/src/script/components/app-header.js b/src/script/components/app-header.js index 9508e7e..c24e8e0 100644 --- a/src/script/components/app-header.js +++ b/src/script/components/app-header.js @@ -1,53 +1,53 @@ -import styles from '!raw-loader!sass-loader!./styles/app-header.scss'; - -class AppHeader extends HTMLElement { - constructor(){ - super(); - - const root = this.attachShadow({mode: 'open'}); - - const style =document.createElement('style'); - style.textContent = styles; - root.appendChild(style); - - const div = document.createElement('div'); - div.className = 'header'; - - const logo = document.createElement('img'); - logo.src = '/res/logo.png'; - logo.alt = 'logo'; - logo.className = 'header_icon'; - logo.onclick = () => { - window.location = '/'; - }; - div.appendChild(logo); - - this.getMenuItems().forEach(item => { - const menuItem = document.createElement('div'); - menuItem.className='header_item'; - menuItem.innerText=item.name; - menuItem.onclick=() => { - window.location.href = item.to; - }; - - if(window.location.pathname == item.to){ - menuItem.classList.add('header_item_active'); - } - - div.appendChild(menuItem); - }) - - root.appendChild(div); - } - - getMenuItems() { - return [ - {name:'Firma', to: '/about'}, - {name: 'Servicii', to: '/services'}, - {name: 'Prețuri', to: '/prices'}, - {name: 'Contact', to: '/contact'} - ]; - } -} - -customElements.define('app-header', AppHeader); +import styles from '!raw-loader!sass-loader!./styles/app-header.scss'; + +class AppHeader extends HTMLElement { + constructor() { + super(); + + const root = this.attachShadow({ mode: 'open' }); + + const style = document.createElement('style'); + style.textContent = styles; + root.appendChild(style); + + const div = document.createElement('div'); + div.className = 'header'; + + const logo = document.createElement('img'); + logo.src = '/res/logo.png'; + logo.alt = 'logo'; + logo.className = 'header_icon'; + logo.onclick = () => { + window.location = '/'; + }; + div.appendChild(logo); + + this.getMenuItems().forEach(item => { + const menuItem = document.createElement('div'); + menuItem.className = 'header_item'; + menuItem.innerText = item.name; + menuItem.onclick = () => { + window.location.href = item.to; + }; + + if (window.location.pathname.includes(item.to)) { + menuItem.classList.add('header_item_active'); + } + + div.appendChild(menuItem); + }); + + root.appendChild(div); + } + + getMenuItems() { + return [ + { name: 'Firma', to: '/about' }, + { name: 'Servicii', to: '/services/' }, + { name: 'Prețuri', to: '/prices' }, + { name: 'Contact', to: '/contact' } + ]; + } +} + +customElements.define('app-header', AppHeader); diff --git a/src/script/components/app-service-header.js b/src/script/components/app-service-header.js new file mode 100644 index 0000000..5f94e0c --- /dev/null +++ b/src/script/components/app-service-header.js @@ -0,0 +1,47 @@ +import styles from '!raw-loader!sass-loader!./styles/app-service-header.scss'; + +class AppServieHeader extends HTMLElement { + constructor() { + super(); + } + + connectedCallback() { + const root = this.attachShadow({ mode: 'open' }); + + const style = document.createElement('style'); + style.textContent = styles; + root.appendChild(style); + + const div = document.createElement('div'); + div.className = 'header'; + + const info = document.createElement('div'); + info.className = 'header_info'; + + const title = document.createElement('p'); + title.className = 'header_info_title'; + title.innerText = this.dataset.title; + info.appendChild(title); + + const icon = document.createElement('img'); + icon.className = 'header_info_icon'; + icon.src = this.dataset.icon; + icon.alt = 'icon'; + info.appendChild(icon); + + const description = document.createElement('p'); + description.className = 'header_description'; + description.innerText = this.dataset.description; + div.appendChild(description); + + div.appendChild(info); + + root.appendChild(div); + } + + static get observedAttributes() { + return ['data-title', 'data-icon', 'data-description']; + } +} + +customElements.define('app-service-header', AppServieHeader); diff --git a/src/script/components/app-service-menu.js b/src/script/components/app-service-menu.js new file mode 100644 index 0000000..17d03f2 --- /dev/null +++ b/src/script/components/app-service-menu.js @@ -0,0 +1,63 @@ +import styles from '!raw-loader!sass-loader!./styles/app-service-menu.scss'; + +class AppServiceMenu extends HTMLElement { + constructor() { + super(); + + const root = this.attachShadow({ mode: 'open' }); + + const style = document.createElement('style'); + style.textContent = styles; + root.appendChild(style); + + const div = document.createElement('div'); + div.className = 'menu'; + + this.getMenuItems().forEach(item => { + const menuItem = document.createElement('div'); + menuItem.className = 'menu_item'; + menuItem.onclick = () => { + window.location.href = item.to; + }; + + const img = document.createElement('img'); + img.className = 'menu_item_image'; + img.src = item.img; + img.alt = item.name; + menuItem.appendChild(img); + + const text = document.createElement('span'); + text.className = 'menu_item_text'; + text.innerText = item.name; + menuItem.appendChild(text); + + div.appendChild(menuItem); + }); + + root.appendChild(div); + } + + getMenuItems() { + return [ + { + name: 'Servere virtuale', + to: '/services/vps', + img: '/res/menu_vps.png' + }, + { + name: 'Servere dedicate', + to: '/services/dedicated', + img: '/res/menu_dedicated.png' + }, + { name: 'Kubernetes', to: '/services/k8', img: '/res/menu_k8.png' }, + { + name: 'Software as a Service', + to: '/services/saas', + img: '/res/menu_saas.png' + }, + { name: 'Domenii', to: '/services/domain', img: '/res/menu_domain.png' } + ]; + } +} + +customElements.define('app-service-menu', AppServiceMenu); diff --git a/src/script/components/styles/app-button.scss b/src/script/components/styles/app-button.scss index 2f48007..3268423 100644 --- a/src/script/components/styles/app-button.scss +++ b/src/script/components/styles/app-button.scss @@ -1,16 +1,16 @@ -.button { - background-color: #0072BC; - color: #ffffff; - padding: 15px 45px; - font-size: 24px; - line-height: 32px; - text-align: center; - cursor: pointer; - border-radius: 8px; - margin: auto; - width: fit-content; - - &:hover { - opacity: 0.7; - } -} \ No newline at end of file +.button { + background-color: #0072bc; + color: #ffffff; + padding: 15px 45px; + font-size: 24px; + line-height: 32px; + text-align: center; + cursor: pointer; + border-radius: 8px; + margin: auto; + width: fit-content; + + &:hover { + opacity: 0.7; + } +} diff --git a/src/script/components/styles/app-header.scss b/src/script/components/styles/app-header.scss index 94313b0..2763f99 100644 --- a/src/script/components/styles/app-header.scss +++ b/src/script/components/styles/app-header.scss @@ -1,45 +1,45 @@ -.header{ - display: flex; - flex-direction: row; - align-items: center; - justify-content: flex-start; - padding: 0 20px; - height: 60px; - background-color: #ffffff; - box-shadow: 0 5px 5px #00000010; - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 1000; - - &_icon { - height: 80%; - margin-right: 30px; - cursor: pointer; - } - - &_item { - box-sizing: border-box; - font-size: 26px; - font-weight: bold; - line-height: 35px; - padding: 0 30px; - text-align: center; - color: #0072BC; - cursor: pointer; - height: 100%; - display: flex; - align-items: center; - border-bottom: 5px solid transparent; - padding-top: 5px; - - &:hover { - background-color: #0072BC10; - } - - &_active { - border-bottom: 5px solid #0072BC; - } - } -} \ No newline at end of file +.header { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + padding: 0 20px; + height: 60px; + background-color: #ffffff; + box-shadow: 0 5px 5px #00000010; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1000; + + &_icon { + height: 80%; + margin-right: 30px; + cursor: pointer; + } + + &_item { + box-sizing: border-box; + font-size: 26px; + font-weight: bold; + line-height: 35px; + padding: 0 30px; + text-align: center; + color: #0072bc; + cursor: pointer; + height: 100%; + display: flex; + align-items: center; + border-bottom: 5px solid transparent; + padding-top: 5px; + + &:hover { + background-color: #0072bc10; + } + + &_active { + border-bottom: 5px solid #0072bc; + } + } +} diff --git a/src/script/components/styles/app-service-header.scss b/src/script/components/styles/app-service-header.scss new file mode 100644 index 0000000..93f6617 --- /dev/null +++ b/src/script/components/styles/app-service-header.scss @@ -0,0 +1,37 @@ +.header { + background: url('../../../res/services_header_bg.png') center center; + background-repeat: no-repeat; + background-size: cover; + display: flex; + justify-content: space-between; + padding: 20px 40px; + margin-bottom: 60px; + + &_info { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: flex-end; + margin-left: 50px; + + &_title { + font-size: 36px; + line-height: 48px; + margin-top: 0; + margin-bottom: 40px; + color: #ffffff; + width: 250px; + text-align: right; + } + + &_icon { + width: 150px; + } + } + + &_description { + font-size: 28px; + line-height: 37px; + color: #ffffff; + } +} diff --git a/src/script/components/styles/app-service-menu.scss b/src/script/components/styles/app-service-menu.scss new file mode 100644 index 0000000..f2bc001 --- /dev/null +++ b/src/script/components/styles/app-service-menu.scss @@ -0,0 +1,35 @@ +.menu { + position: fixed; + left: 0; + top: 60px; + bottom: 0; + width: 400px; + background-color: #ffffff; + padding: 20px 0; + box-shadow: 3px 0 3px #00000010; + z-index: 999; + + &_item { + padding: 20px 10px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + cursor: pointer; + + &:hover { + background-color: #0072bc10; + } + + &_image { + width: 50px; + margin-right: 20px; + } + + &_text { + font-size: 26px; + line-height: 35px; + color: #0072bc; + } + } +} diff --git a/src/script/index.js b/src/script/index.js index 3e6bcec..87f5cc8 100644 --- a/src/script/index.js +++ b/src/script/index.js @@ -1,10 +1,13 @@ -import "@webcomponents/webcomponentsjs"; +import '@webcomponents/webcomponentsjs'; // load styles import '../style/main.scss'; import '../style/index.scss'; import '../style/about.scss'; +import '../style/services.scss'; // load components import './components/app-header'; -import './components/app-button'; \ No newline at end of file +import './components/app-button'; +import './components/app-service-menu'; +import './components/app-service-header'; diff --git a/src/services.html b/src/services.html deleted file mode 100644 index ecd8248..0000000 --- a/src/services.html +++ /dev/null @@ -1,11 +0,0 @@ - - - - Core Computing - - - - - - - \ No newline at end of file diff --git a/src/services/dedicated.html b/src/services/dedicated.html new file mode 100644 index 0000000..1842ee7 --- /dev/null +++ b/src/services/dedicated.html @@ -0,0 +1,36 @@ + + + + Servere dedicate - Servicii - Core Computing + + + + + + +
+ +
+ dedicated + dedicated + dedicated +
+
+ + diff --git a/src/services/domain.html b/src/services/domain.html new file mode 100644 index 0000000..eec7d32 --- /dev/null +++ b/src/services/domain.html @@ -0,0 +1,36 @@ + + + + Domenii - Servicii - Core Computing + + + + + + +
+ +
+ domain + domain + domain +
+
+ + diff --git a/src/services/index.html b/src/services/index.html new file mode 100644 index 0000000..245b3b3 --- /dev/null +++ b/src/services/index.html @@ -0,0 +1,11 @@ + + + + Services - redirect + + + + + diff --git a/src/services/k8.html b/src/services/k8.html new file mode 100644 index 0000000..56bc858 --- /dev/null +++ b/src/services/k8.html @@ -0,0 +1,36 @@ + + + + Kubernetes - Servicii - Core Computing + + + + + + +
+ +
+ kubernetes + kubernetes + kubernetes +
+
+ + diff --git a/src/services/saas.html b/src/services/saas.html new file mode 100644 index 0000000..184c184 --- /dev/null +++ b/src/services/saas.html @@ -0,0 +1,36 @@ + + + + SaaS - Servicii - Core Computing + + + + + + +
+ +
+ saas + saas + saas +
+
+ + diff --git a/src/services/vps.html b/src/services/vps.html new file mode 100644 index 0000000..296b8c5 --- /dev/null +++ b/src/services/vps.html @@ -0,0 +1,36 @@ + + + + VPS - Servicii - Core Computing + + + + + + +
+ +
+ vps + vps + vps +
+
+ + diff --git a/src/style/about.scss b/src/style/about.scss index 867cce7..4639757 100644 --- a/src/style/about.scss +++ b/src/style/about.scss @@ -1,63 +1,63 @@ -.about { - &_bg { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: url('../res/about_bg.jpg') center center; - background-repeat: no-repeat; - background-size: cover; - } - - &_content { - position: relative; - margin-top: 60px; - padding-top: 40px; - width: 60%; - margin: auto; - } - - &_header { - font-size: 48px; - font-weight: bold; - line-height: 64px; - margin-top: 60px; - margin-bottom: 30px; - color: #015082; - } - - &_col2 { - display: flex; - justify-content: flex-start; - - &__center { - justify-content: space-between; - } - - &__imgtext { - align-items: center; - - &:nth-child(2n){ - justify-content: flex-end; - } - } - - &_col { - width: 40%; - font-size: 24px; - line-height: 36px; - } - - &_text { - width: 60%; - font-size: 24px; - line-height: 36px; - } - - &_img { - width: 300px; - margin: 0 10px; - } - } -} \ No newline at end of file +.about { + &_bg { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('../res/about_bg.jpg') center center; + background-repeat: no-repeat; + background-size: cover; + } + + &_content { + position: relative; + margin-top: 60px; + padding-top: 40px; + width: 60%; + margin: auto; + } + + &_header { + font-size: 48px; + font-weight: bold; + line-height: 64px; + margin-top: 60px; + margin-bottom: 30px; + color: #015082; + } + + &_col2 { + display: flex; + justify-content: flex-start; + + &__center { + justify-content: space-between; + } + + &__imgtext { + align-items: center; + + &:nth-child(2n) { + justify-content: flex-end; + } + } + + &_col { + width: 40%; + font-size: 24px; + line-height: 36px; + } + + &_text { + width: 60%; + font-size: 24px; + line-height: 36px; + } + + &_img { + width: 300px; + margin: 0 10px; + } + } +} diff --git a/src/style/index.scss b/src/style/index.scss index 7549b85..a050008 100644 --- a/src/style/index.scss +++ b/src/style/index.scss @@ -1,72 +1,72 @@ -.index { - &_bg { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: url('../res/cover.jpg') center center; - background-repeat: no-repeat; - background-size: cover; - } - - &_content { - position: relative; - display: flex; - flex-direction: row; - justify-content: space-between; - width: 100%; - padding: 0 70px; - margin-top: 60px; - - &_box { - max-width: 35%; - } - - &_slogan { - font-size: 100px; - font-weight: bold; - line-height: 133px; - color: #ffffff; - text-shadow: 5px 5px 16px #ffffff7f; - - margin-top: 60px; - margin-bottom: 80px; - } - - &_description { - font-size: 36px; - font-weight: bold; - line-height: 48px; - color: #ffffff; - text-shadow: 0 0 10px #000000b2 - } - - &_signupForm { - background: #ffffffd0; - padding: 20px; - border-radius: 16px; - margin-top: 200px; - width: 450px; - - &_title { - font-size: 32px; - line-height: 48px; - text-align: center; - margin-bottom: 40px; - color: #0072BC; - } - - &_field { - width: 100%; - border-radius: 8px; - border: 1px solid #707070; - padding: 10px 15px; - font-size: 24px; - line-height: 32px; - color: #707070; - margin-bottom: 20px; - } - } - } -} \ No newline at end of file +.index { + &_bg { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('../res/cover.jpg') center center; + background-repeat: no-repeat; + background-size: cover; + } + + &_content { + position: relative; + display: flex; + flex-direction: row; + justify-content: space-between; + width: 100%; + padding: 0 70px; + margin-top: 60px; + + &_box { + max-width: 35%; + } + + &_slogan { + font-size: 100px; + font-weight: bold; + line-height: 133px; + color: #ffffff; + text-shadow: 5px 5px 16px #ffffff7f; + + margin-top: 60px; + margin-bottom: 80px; + } + + &_description { + font-size: 36px; + font-weight: bold; + line-height: 48px; + color: #ffffff; + text-shadow: 0 0 10px #000000b2; + } + + &_signupForm { + background: #ffffffd0; + padding: 20px; + border-radius: 16px; + margin-top: 200px; + width: 450px; + + &_title { + font-size: 32px; + line-height: 48px; + text-align: center; + margin-bottom: 40px; + color: #0072bc; + } + + &_field { + width: 100%; + border-radius: 8px; + border: 1px solid #707070; + padding: 10px 15px; + font-size: 24px; + line-height: 32px; + color: #707070; + margin-bottom: 20px; + } + } + } +} diff --git a/src/style/main.scss b/src/style/main.scss index f91ac07..1ddeec6 100644 --- a/src/style/main.scss +++ b/src/style/main.scss @@ -1,8 +1,8 @@ -* { - box-sizing: border-box; -} - -body { - margin: 0; - padding: 0; -} \ No newline at end of file +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; +} diff --git a/src/style/services.scss b/src/style/services.scss new file mode 100644 index 0000000..db18c61 --- /dev/null +++ b/src/style/services.scss @@ -0,0 +1,20 @@ +.services { + &_content { + margin-top: 60px; + margin-left: 400px; + } + + &_images { + display: flex; + flex-direction: row; + justify-content: space-between; + padding: 0 30px; + + &_image { + width: 30%; + height: 400px; + object-fit: contain; + margin-bottom: 20px; + } + } +}