+
+
+
+
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.
+
+
+
+
+
+
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
new file mode 100644
index 0000000..ecd8248
--- /dev/null
+++ b/src/contact.html
@@ -0,0 +1,11 @@
+
+
+
+
Core Computing
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 26b42b4..8b0a0a9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,15 +1,25 @@
-
-
Index
-
-
-
-
-
Test
-
-
-
-
+
+
Core Computing
+
+
+
+
+
+
+
+
+
Mută-te în Cloud!
+
Core Computing îți oferă toate serviciile necesare pentru realizarea unei infrastructurii cloud-native.
+
+
+
+
+
\ No newline at end of file
diff --git a/src/prices.html b/src/prices.html
new file mode 100644
index 0000000..ecd8248
--- /dev/null
+++ b/src/prices.html
@@ -0,0 +1,11 @@
+
+
+
+
Core Computing
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/res/about_bg.jpg b/src/res/about_bg.jpg
new file mode 100644
index 0000000..510d9bb
Binary files /dev/null and b/src/res/about_bg.jpg differ
diff --git a/src/res/cover.jpg b/src/res/cover.jpg
new file mode 100644
index 0000000..3c1a8c0
Binary files /dev/null and b/src/res/cover.jpg differ
diff --git a/src/res/dc1.jpg b/src/res/dc1.jpg
new file mode 100644
index 0000000..85c155c
Binary files /dev/null and b/src/res/dc1.jpg differ
diff --git a/src/res/dc2.jpg b/src/res/dc2.jpg
new file mode 100644
index 0000000..a8446df
Binary files /dev/null and b/src/res/dc2.jpg differ
diff --git a/src/res/dc3.jpg b/src/res/dc3.jpg
new file mode 100644
index 0000000..6e71425
Binary files /dev/null and b/src/res/dc3.jpg differ
diff --git a/src/res/dc4.jpg b/src/res/dc4.jpg
new file mode 100644
index 0000000..e3b3277
Binary files /dev/null and b/src/res/dc4.jpg differ
diff --git a/src/res/logo.png b/src/res/logo.png
new file mode 100644
index 0000000..c5dfc3d
Binary files /dev/null and b/src/res/logo.png differ
diff --git a/src/script/components/app-button.js b/src/script/components/app-button.js
new file mode 100644
index 0000000..ee1a592
--- /dev/null
+++ b/src/script/components/app-button.js
@@ -0,0 +1,28 @@
+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
diff --git a/src/script/components/app-header.js b/src/script/components/app-header.js
new file mode 100644
index 0000000..9508e7e
--- /dev/null
+++ b/src/script/components/app-header.js
@@ -0,0 +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);
diff --git a/src/script/components/styles/app-button.scss b/src/script/components/styles/app-button.scss
new file mode 100644
index 0000000..2f48007
--- /dev/null
+++ b/src/script/components/styles/app-button.scss
@@ -0,0 +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
diff --git a/src/script/components/styles/app-header.scss b/src/script/components/styles/app-header.scss
new file mode 100644
index 0000000..94313b0
--- /dev/null
+++ b/src/script/components/styles/app-header.scss
@@ -0,0 +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
diff --git a/src/script/index.js b/src/script/index.js
index 19fc016..3e6bcec 100644
--- a/src/script/index.js
+++ b/src/script/index.js
@@ -1,3 +1,10 @@
-export const doTest = () => {
- document.getElementById('test').innerHTML = 'test';
-};
+import "@webcomponents/webcomponentsjs";
+
+// load styles
+import '../style/main.scss';
+import '../style/index.scss';
+import '../style/about.scss';
+
+// load components
+import './components/app-header';
+import './components/app-button';
\ No newline at end of file
diff --git a/src/services.html b/src/services.html
new file mode 100644
index 0000000..ecd8248
--- /dev/null
+++ b/src/services.html
@@ -0,0 +1,11 @@
+
+
+
+
Core Computing
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/style/about.scss b/src/style/about.scss
new file mode 100644
index 0000000..867cce7
--- /dev/null
+++ b/src/style/about.scss
@@ -0,0 +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
diff --git a/src/style/index.scss b/src/style/index.scss
new file mode 100644
index 0000000..7549b85
--- /dev/null
+++ b/src/style/index.scss
@@ -0,0 +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
diff --git a/src/style/main.scss b/src/style/main.scss
new file mode 100644
index 0000000..f91ac07
--- /dev/null
+++ b/src/style/main.scss
@@ -0,0 +1,8 @@
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+}
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
index 58e4b44..57c020b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -10,11 +10,18 @@ module.exports = {
libraryTarget: 'var',
library: 'ui'
},
+ resolve: {
+ extensions: ['.js']
+ },
module: {
rules: [
{
test: /\.scss$/,
- use: ['style-loader', 'css-loader', 'sass-loader']
+ use: [
+ 'style-loader',
+ { loader: 'css-loader', options: { url: false } },
+ 'sass-loader'
+ ]
},
{
test: /\.js$/,