diff options
| author | Nitesh Kumar Sinha | 2019-08-19 11:14:26 +0530 |
|---|---|---|
| committer | GitHub | 2019-08-19 11:14:26 +0530 |
| commit | f8d43f51937aae5240b2885108fd08efab768155 (patch) | |
| tree | 998c1d749bf3533d24a4799b53c79413dfce7eba /themes/kalpesh/acadmix_subtheme/templates/ex.txt | |
| parent | 58dbf8fcb04c01c338b9e346b8266690c8b92a2f (diff) | |
| parent | 67eeae320422623bc2873b2c00afb8b29ec6160e (diff) | |
| download | acadmix_distribution-master.tar.gz acadmix_distribution-master.tar.bz2 acadmix_distribution-master.zip | |
merge with Stage
Diffstat (limited to 'themes/kalpesh/acadmix_subtheme/templates/ex.txt')
| -rw-r--r-- | themes/kalpesh/acadmix_subtheme/templates/ex.txt | 104 |
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 |