first commit

styles/style.css

@@ -0,0 +1,126 @@
+/* This style sheet is taken from  https://www.w3schools.com/howto/howto_js_tabs.asp> */
+
+/* Style the tab */
+.tab {
+  overflow: hidden;
+  border: 1px solid #ccc;
+  background-color: #f1f1f1;
+}
+
+/* Style the buttons that are used to open the tab content */
+.tab button {
+  background-color: inherit;
+  float: left;
+  border: none;
+  outline: none;
+  cursor: pointer;
+  padding: 14px 16px;
+  transition: 0.3s;
+}
+
+/* Change background color of buttons on hover */
+.tab button:hover {
+  background-color: #ddd;
+}
+
+/* Create an active/current tablink class */
+.tab button.active {
+  background-color: #ccc;
+}
+
+/* Style the tab content */
+.tabcontent {
+  display: none;
+  padding: 6px 12px;
+  border: 1px solid #ccc;
+  border-top: none;
+  background-color: rgb(222, 224, 228);
+  
+
+}
+
+.tablinks {
+  font-size: 20px;
+}
+
+/* title/header */
+h1{
+  font-family: "Britannic Bold ", sans-serif;
+  font-weight: bolder;
+  font-size: 50px;
+  color: #f7fcfc;
+  vertical-align: middle;
+  display: inline;
+  /* margin-right: 15px; */
+
+}
+/*footer with signatures */
+.footer {  
+  bottom: 0;
+  left: a;
+  width: 100%;
+  color: rgb(0, 0, 0);
+  text-align: center;
+
+}
+.copyright{
+  font-size: 15px;
+
+}
+
+.logo{
+  width: 5%;
+  height:auto;
+  vertical-align: middle;
+  margin-bottom: 10px;
+}
+
+body {
+  margin: 0px;
+  background-color: #66BFBF;
+  background-image: url("images/bg3.jpg");
+  text-align: center;
+  font-size :  20px;
+}
+
+img{
+  width: 30%;
+  padding: 3% 7%;
+  
+}
+
+.company-name {
+  text-align: left;
+}
+.cart-img {
+  height: 5%; 
+  width: 5%;
+  padding: 0;
+  padding-left: 15px;
+  margin-top: 20px;
+
+  /*
+  position: relative;
+  top: 40px;
+  */
+} 
+
+h3 {
+  font-size: 30px;
+}
+
+p {
+  font-size: 25px;
+}
+
+i {
+  font-size: 15px;
+}
+
+.block {
+  font-size: 15px;
+}
+
+.sumo{
+  font-size: 15px;
+}