1 files changed, 104 insertions, 0 deletions
diff --git a/themes/kalpesh/acadmix_subtheme/templates/ex.txt b/themes/kalpesh/acadmix_subtheme/templates/ex.txt
new file mode 100644
index 0000000..b824c5d
--- /dev/null
+++ b/themes/kalpesh/acadmix_subtheme/templates/ex.txt
@@ -0,0 +1,104 @@
+<div class="row col-sm-4">
+<div class="img-round ">
+{{ field_photo_gallery }}
+</div>
+</div>
+
+
+
+<div class="container">
+<div class="row">
+<div class="col-md-4 text-center fw-bold">
+{{ title }}
+</div>
+
+</div>
+</div>
+
+
+<div class="container">
+<div class="row">
+<div class="col-md-4">
+{{ title }}
+</div>
+
+</div>
+</div>
+
+
+
+
+
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+.container {
+  position: relative;
+  width: 50%;
+}
+
+.image {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+
+.overlay {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 100%;
+  width: 100%;
+  opacity: 0;
+  transition: .5s ease;
+  background-color: #008CBA;
+}
+
+.container:hover .overlay {
+  opacity: 1;
+}
+
+.text {
+  color: white;
+  font-size: 20px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  text-align: center;
+}
+</style>
+</head>
+<body>
+
+<h2>Fade in Overlay</h2>
+<p>Hover over the image to see the effect.</p>
+
+<div class="container">
+  <img src="img_avatar.png" alt="Avatar" class="image">
+  <div class="overlay">
+    <div class="text">Hello World</div>
+  </div>
+</div>
+
+</body>
+</html>
+
+
+
+
+
+
+<div class="con">
+{{ field_photo_gallery }}
+ 
+  <div class="overlay">
+    <div class="text">{{ title }}</div>
+  </div>
+</div>
+\ No newline at end of file