anwi

2023-01-19 17:43:20 +05:30
@@ -0,0 +1 @@
+libs
@@ -0,0 +1,17 @@
+*, ::before, ::after {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box; }
+
+html {
+  font-size: 16px; }
+
+.bg-green {
+  background-color: #3BB78F;
+  background: linear-gradient(90deg, #3BB78F 0%, #0bab64 35%, #3bb78f 100%); }
+
+.banner_heading_4 {
+  font-size: 4rem; }
+
+.subtitle_1 {
+  font-size: 1rem; }
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+   
+    <link  rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="./../../css/main.css" />
+    <title>project</title>
+  </head>
+  <body>
+  <div class="bg-primary">hello</div>
+
+  <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
+  </body>
+</html>
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+   
+    <link  rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="./../../css/main.css" />
+    <title>project</title>
+  </head>
+  <body>
+    <div class=" bg-green vw-100 vh-100">
+        <div class="container h-100 text-white">
+            <div class="col-sm-4 pt-5">
+               <h1 class="banner_heading_4">Anwi xCreate</h1>
+                <div class="subtitle_12">2.5 Resolution | 120 Hz Refresh Rate</div>
+            </div>
+            <div class="col-sm-7">
+
+            </div>
+        </div>
+
+    </div>
+
+  <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
+  </body>
+</html>
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+   
+    <link  rel="stylesheet" href="./../../libs/bootstrap/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="./../../css/main.css" />
+    <title>project</title>
+  </head>
+  <body>
+  <div class="bg-primary">hello</div>
+
+  <script src="../../libs/bootstrap/js/bootstrap.bundle.js"></script>
+  </body>
+</html>
@@ -0,0 +1,15 @@
+{
+  "name": "sass_sandbox",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "start": "node-sass -w scss/ -o dist/css/ --recursive"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "node-sass": "^4.11.0"
+  }
+}
@@ -0,0 +1,15 @@
+// Set Text Color
+@function set-text-color($color) {
+  @if (lightness($color) > 50) {
+    @return #000;
+  } @else {
+    @return #fff;
+  }
+}
+
+// Transform mixin
+@mixin transform($property) {
+  --webkit-transform: $property;
+  -ms-transform: $property;
+  transform: $property;
+}
@@ -0,0 +1,5 @@
+$primary-color: steelblue;
+$secondary-color: skyblue;
+$light-color: #f4f4f4;
+$dark-color: #333;
+$font-stack: Arial, Helvetica, sans-serif;
@@ -0,0 +1,26 @@
+@import 'variables';
+@import 'functions';
+
+*,::before,::after{
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+  
+}
+
+html{
+  font-size: 16px;
+}
+
+.bg-green{
+  background-color:#3BB78F;
+  background: linear-gradient(90deg, #3BB78F 0%, rgba(11,171,100,1) 35%, rgba(59,183,143,1) 100%);
+}
+
+.banner_heading_4{
+  font-size: 4rem;
+}
+
+.subtitle_1{
+  font-size: 1rem;
+}