|
|
@@ -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"
|