diff --git a/src/contact.html b/src/contact.html index 982f31a..efa9fb4 100644 --- a/src/contact.html +++ b/src/contact.html @@ -1,11 +1,57 @@ - Core Computing + Contact - Core Computing - + +
+
+
+

Ai întrebări? Scrie-ne!

+ + + +
+
+
+

SC Core Computing SRL

+

+ Adresa: Oradea, Str. Universității 15 +
+ Telefon: 0359 - 444 555 +
+ Nr. Reg. Com.: 153/4441 +
+ CUI: 123456 +

+
+ +
+
diff --git a/src/res/contact_bg.png b/src/res/contact_bg.png new file mode 100644 index 0000000..390b09b Binary files /dev/null and b/src/res/contact_bg.png differ diff --git a/src/script/index.js b/src/script/index.js index ab68adb..4f7288e 100644 --- a/src/script/index.js +++ b/src/script/index.js @@ -6,6 +6,7 @@ import '../style/index.scss'; import '../style/about.scss'; import '../style/services.scss'; import '../style/prices.scss'; +import '../style/contact.scss'; // load components import './components/app-header'; diff --git a/src/style/contact.scss b/src/style/contact.scss new file mode 100644 index 0000000..07a6760 --- /dev/null +++ b/src/style/contact.scss @@ -0,0 +1,74 @@ +.contact { + &_bg { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('../res/contact_bg.png') center center; + background-repeat: no-repeat; + background-size: cover; + } + + &_content { + position: relative; + margin-top: 60px; + padding-top: 100px; + padding-left: 60px; + padding-right: 60px; + margin: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: flex-start; + } + + &_form { + background: #ffffffd0; + padding: 20px; + border-radius: 16px; + width: 450px; + + &_title { + font-size: 24px; + line-height: 36px; + 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; + } + } + + &_info { + background: #ffffffd0; + padding: 20px; + border-radius: 16px; + flex: 1; + display: flex; + flex-direction: row; + justify-content: space-between; + margin-left: 40px; + + &_name { + font-size: 18px; + line-height: 24px; + font-weight: bold; + margin-bottom: 40px; + } + + &_details { + font-size: 18px; + line-height: 24px; + } + } +}