瀏覽代碼

merging css and HTML together for wordpress

mackilroy007 5 年之前
父節點
當前提交
f61a0eea1d
共有 1 個文件被更改,包括 50 次插入2 次删除
  1. 50 2
      index.html

+ 50 - 2
index.html

@@ -12,8 +12,56 @@
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
         integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     <!-- style -->
-    <link rel="stylesheet" href="style.css">
+    <!-- <link rel="stylesheet" href="style.css"> -->
     <title>Sahaja Yoga Sangham</title>
+    <style>
+         /* Medium devices (tablets, 768px and up) */
+ @media (min-width: 768px) {
+     img {
+         height: 40%;
+         width: 100%;
+     }
+
+     /* currently does not seem to work */
+     /* .gradient-bg {
+        background: rgb(250,157,111);
+        background: linear-gradient(0deg, rgba(250,157,111,1) 35%, rgba(253,207,184,1) 79%); 
+     } */
+ }
+ 
+ body{
+     background-color: #ffe4e1;
+ }
+ /* need to find a link color solution */
+a{
+    color: blue;
+}
+.hLink{
+    color: black;
+}
+
+.hLink:hover{
+    color: black;
+    /* text-decoration: none; */
+}
+ img {
+     width: 90%;
+ }
+
+ .card {
+     border: none;
+     border-radius: 0%;
+ }
+
+ .gradient-bg {
+    background: rgb(253,207,184);
+    background: linear-gradient(90deg, rgba(253,207,184,1) 31%, rgba(250,157,111,1) 95%); 
+ }
+
+ .default-bg{
+     background-color:  #ffe4e1;
+ }
+    </style>
 </head>
 
 <body class="">
@@ -25,7 +73,7 @@
     <main>
         <article>
             <!-- sahaj ID section start -->
-            <section class="card mb-3 gradient-bg" id="">
+            <section class="mx-0 card mb-3 gradient-bg" id="">
                 <div class=" row g-0 my-4">
                     <div class="col-md-4 d-flex align-items-center justify-content-center">
                         <img class="bg-dark img-fluid mx-auto" src="https://sangham.sahaja.yoga/files/2020/10/logo.png"