https://www.hrdas.in/

掃描 ID：
69210246-c605-4e7e-be8e-fcce5e05c5d8已完成
已提交的 URL：
https://www.hrdas.in/
報告完成時間：

連結 · 找到 4 個

從頁面中識別的傳出連結

連結Text
https://www.facebook.com/hr.das.5
https://twitter.com/@hrdas2
https://www.instagram.com/hr.das.5/
https://21flips.com/ 21FLIPS

JavaScript 變數 · 找到 11 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取

名稱類型
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
inumber
timernumber
pathobject
swapImagefunction
stopShowfunction
runShowfunction
$function

主控台記錄訊息 · 找到 1 條

記錄到 Web 主控台的訊息

類型類別記錄
errornetwork
URL
https://static.codepen.io/assets/common/stopExecutionOnTimeout-de7e2ef6bfefd24b79a3f68b414b87b8db5b08439cac3f1012092b2290c719cd.js
Text
Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin

HTML

頁面的原始 HTML 主體

<!DOCTYPE html><html lang="en"><head>
	<title>H R Das Official Website | Indian Contemporary Artist</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="description" content="H R Das, Art Work, Online Painting, Indian Painting Artist">
	<meta property="og:title" content="H R Das, Art Work, Online Painting, Indian Painting Artist">
	<meta property="og:description" content="H R Das, Art Work, Online Painting, Indian Painting Artist">
	<meta property="og:type" content="website">
	<meta property="og:image" content="http://hrdas.in/images/logo2.png">
	<meta property="og:url" content="http://hrdas.in">
	<meta property="og:site_name" content="H R Das">
	<link rel="icon" type="image/png" href="images/mono.png">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="https://fonts.googleapis.com/css?family=Roboto&amp;display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Courgette&amp;display=swap" rel="stylesheet">
	
	
<style>
body {
	margin:0;
	font-family:mangal;
}
.slideshow{
	float:left;
	width:100%;
	height:550px;
	margin:0px 0% 10px 0%;
	border:1px solid #A08E0B;
	text-align:center;
}
img#slide{
	
	width:auto;
	height:100%;
}
.content3{
	float:left;
	width:90%;
	margin:30px 5% 30px 5%;
	color:#777575;
	font-size:22px;
	line-height:35px;
	text-align:center;
	font-family: 'Courgette', cursive;
}

.content1{
	float:left;
	width:90%;
	margin:20px 5% 20px 5%;
}
.content1a{
	float:left;
	width:28%;
	margin:0px 2% 0px 20%;
	cursor:pointer;
	box-shadow:1px 1px 5px 6px #ccc; 
}
.content1b{
	float:left;
	width:28%;
	margin:0px 20% 0px 2%;
	cursor:pointer;
	box-shadow:1px 1px 5px 6px #ccc;  
}
.content1a:hover, .content1b:hover{
	box-shadow:1px 1px 5px 6px #5B5E5D;
}
.content1a:hover .box2, .content1b:hover .box2{
	color:#E5317D;
}
.box1{
	float:left;
	width:100%;
	height:250px;
	text-align:center;
	background:white;
}
img.wrk{
	float:left;
	width:100%;
	height:100%;
}
.box2{
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	background:#F6F5F4;
	font-family:Mangal;
}

.content2{
	float:left;
	width:90%;
	margin:20px 5% 20px 5%;
	background-image: url("images/back3.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.content2a{
	float:left;
	width:50%;
	height:400px;
	text-align:center;
}
img.abt{
	float:left;
	width:96%;
	height:100%;
	object-fit:cover;
}
.content2b{
	float:left;
	width:50%;
	padding:50px 10% 50px 10%;
	text-align:justify;
	color:#8D8A8A;
	font-size:15px;
	line-height:21px;
	font-family: 'Roboto', sans-serif;
}
h2#tit{
	float:left;
	width:100%;
	color:black;
	font-weight:bold;
	padding-bottom:10px;
}
.artst{
	float:left;
	width:100%;
	margin:30px 0px 0px 0px;
}
a.artist{
	text-decoration:none;
	padding:10px 20px 10px 20px;
	color:#767979;
	border:2px solid #A7ABAA;
}
a.artist:hover{
	box-shadow: 3px 3px #767979;
	color:#E5317D;
	text-decoration:none;
}

@media (max-width: 600px) 
{
	.slideshow{
		height:200px;
	}
	.content3{
		font-size:17px;
		line-height:30px;
	}
	.box1{
		height:90px;
	}
	.box2{
		font-size:13px;
		padding:5px 0px 5px 0px;
	}
	.content2a{
		width:100%;
		height:200px;
	}
	img.abt{
		width:100%;
	}
	.content2b{
		width:100%;
		height:auto;
		padding:30px 10% 30px 10%;
	}
	h2#tit{
		text-align:center;
		padding:0;
	}
	.artst{
		text-align:center;
	}
}
</style>
<script type="text/javascript">
var i = 0;
var timer;
var path = new Array();

// LIST OF SLIDES
path[0] = "slideshow/1411- 18 X 24 - acrylic on paper & playing card.jpg";
path[1] = "slideshow/1750 - 48 X 72 - HR.jpg";
path[2] = "slideshow/2204  - 36 X 42 - HR.jpg";
path[3] = "slideshow/011.jpg";
path[4] = "slideshow/B-01.jpg";

function swapImage()
{
   document.getElementById("slide").src=path[i];
   if(i < path.length - 1) i++; else i = 0;
   timer = setTimeout("swapImage()",2000);
}

function stopShow()
{
  clearTimeout(timer);
}

function runShow()
{
  swapImage();  
}
</script>

</head>
			
<body onload="runShow()" style="background:#E8E8E8;" translate="no">
	




<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="https://static.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico">
<link rel="mask-icon" type="" href="https://static.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg" color="#111">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<style>
*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.navigation {
	float:left;
	width:100%;
	padding:10px 5% 10px 5%;
	background-image: url("images/back1.jpg");
	background-repeat: repeat;
	background-size: auto;
}

.brand {
  float: left;
  position: absolute;
  
}
img#logo{
	float:left;
	width:35%;	
}
.nav-container {
  max-width: 1000px;
  margin: 0 auto;
}

nav {
  float: right;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav ul li {
  float: left;
  position: relative;
}
nav ul li a{
  display: block;
  padding: 0 10px;
  line-height: 80px;
  background: ;
  color: #ffffff;
  text-decoration: none;
  font-weight:bold;
  position:relative;
  top:-5px;
}
nav ul li a:hover{
	text-decoration:underline;
}

nav ul li ul li {
  min-width: 190px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 17px;
  right: 20px;
  background:;
  height: 50px;
  width: 50px;
}

@media only screen and (max-width: 600px) {
  img#logo{
	float:left;
	width:80%;	
	position:relative;
	top:15px;
}
  .nav-mobile {
    display: block;
  }

  nav {
    width: 100%;
    padding: 70px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 600px) 
{  
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 25px;
  background: #ffffff;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}


</style>
<script>
  window.console = window.console || function(t) {};
</script>
<script>
  if (document.location.search.match(/type=embed/gi)) {
    window.parent.postMessage("resize", "*");
  }
</script>


	<section class="navigation">
		<div class="nav-container">
			<div class="brand">
				<a href="index.php">
					<img id="logo" src="images/zzz1.png">
				</a>
			</div>
			<nav>
				<div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a>
				</div>
					<ul class="nav-list">
						<li><a href="index.php">Home</a></li>
						<li><a href="artist.php">Artist</a></li>
						<li><a href="gallery.php">Gallery</a></li>
						<li><a href="media.php">Media</a></li>
						<li><a href="video.php">Video</a></li>
						<li><a href="events.php">Events </a></li>
						<li><a href="contact.php">Contact </a></li>
						<li style="display:none;"><a href="admin-login.php">Login </a></li>
					</ul>
			</nav>
		</div>
	</section>

	<script src="https://static.codepen.io/assets/common/stopExecutionOnTimeout-de7e2ef6bfefd24b79a3f68b414b87b8db5b08439cac3f1012092b2290c719cd.js"></script>
	<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<script id="rendered-js">
		  (function ($) {// Begin jQuery
	  $(function () {// DOM ready
		// If a link has a dropdown, add sub menu toggle.
		$('nav ul li a:not(:only-child)').click(function (e) {
		  $(this).siblings('.nav-dropdown').toggle();
		  // Close one dropdown when selecting another
		  $('.nav-dropdown').not($(this).siblings()).hide();
		  e.stopPropagation();
		});
		// Clicking away from dropdown will remove the dropdown class
		$('html').click(function () {
		  $('.nav-dropdown').hide();
		});
		// Toggle open and close nav styles on click
		$('#nav-toggle').click(function () {
		  $('nav ul').slideToggle();
		});
		// Hamburger to X toggle
		$('#nav-toggle').on('click', function () {
		  this.classList.toggle('active');
		});
	  }); // end DOM ready
	})(jQuery); // end jQuery
		  //# sourceURL=pen.js
    </script>


	
	<div class="slideshow">
		<img id="slide" class="mySlide" src="slideshow/1411- 18 X 24 - acrylic on paper &amp; playing card.jpg" onmouseover="stopShow()" onmouseout="runShow()">	
	</div>
	
	
	<div class="content3">
		The beast within! That is the thought that comes to mind when one is confronted with <br>
H. R. Das’s bulls. There is an empathy that he evokes in the viewer when faced with his canvases. They exude the power, pride and heart of the beast that is a part of us all.<br>
<br>
H.R. Das captures the essence of village life through his amazing cattle. His, bulls and cows don’t just exist but pulsate with energy. Whether yoked or free they effortlessly express the sheer strength and beauty of the beast. H.R. Das has taken the bull and made it his own, one cannot dispute the fact that he has a distinctly unique style of portraying this magnificent animal that is so rooted in the Indian culture and psyche. In fact, some may say that he has taken a common place animal and given it a heroic status in the manner that it takes on an almost human persona. One can relate to the beast’s agony, its joy of life, its anger and one can fear it as well.<br>
<br>
While some artists tend to overlook the background, treating it as a mere support for their central theme; H.R. Das, treats it like a stage setting in front of which his characters perform. They may recede and be dismissed as props, but his backgrounds still command attention, the intricate tapestry effect and mute lines provide a vibrant milieu that serve to highlight the interactions between the main players of his magnum opus.<br>
<br>
H.R. Das comes across as a director more than artist, putting forth a visual display of raw emotions and power. <br>
. 	</div>
	
	<div class="content1">
		<div class="content1a" onclick="location.href='painting.php';">
			<div class="box1">
									<img class="wrk" src="cover/painting/web-01.jpg">
							</div>
			<div class="box2">
				Painting
			</div>
		</div>
		<div class="content1b" onclick="location.href='sculpture.php';">
			<div class="box1">
									<img class="wrk" src="cover/sculpture/web -  02.jpg">
							</div>
			<div class="box2">
				Sculpture
			</div>
		</div>
	</div>
	
	<div class="content2">
		<div class="content2a">
							<img class="abt" src="cover/hrdas/a8152126-6bfa-4aec-ab10-b8565b70acfb.jpg">
						
		</div>
		<div class="content2b">
			<div class="abt1">
				<h2 id="tit">H R Das</h2>
				
				H R Das born in 1972,Itla, Purba Bardhaman (W.B) Education:M.F.A from Karnataka State Open University, Mysore, B.F.A. from Indira Kala Sangit Vishwa Vidyalaya,Khairagarh,(C.G.), B.Sc. from University of Burdwan (W.B.) Solo Shows 2017  - Love n Affection, ICA Gallery , Jaipur, 2016 - The Magnificent Bull, Lalit Kala Akademi , New Delhi, 2016  - The Bulls, Gallery Splash , Gurgaon, 2012 - Nandi, Jahangir Art Gallery ,Mumbai 2008 -  Suchitrra Art Gallery, Mumbai 2008 -  Jahangir Art Gallery , Mumbai 2007 -  Art Entrance, Mumbai: 2006 -  Bajaj Art Gallery, Mumbai 2004 -  Nehru Centre Art Gallery, Mumbai. Duo Show : 2019 - Paradise Lost, Jahangir Art Gallery , Mumbai				<div class="artst">
					<a class="artist" href="artist.php">
						More About Artist
					</a>
				</div>
			</div>
		</div>
	</div>
	
	
	
	

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<style>
.footer{
	float:left;
	width:100%;
	padding:30px 5% 20px 5%;
	font-family:Mangal;
	background:black;
	background-image: url("images/foot1.jpg");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-top:2px solid white;
}
.footer1{
	float:left;
	width:100%;
	padding:0px 0px 40px 0px;
	border-bottom:1px solid #EBFC8B;
}
.footer1a{
	float:left;
	width:70%;
}
.bx1{
	float:left;
	width:20%;
}
.bx2{
	float:left;
	width:30%;
}
.bx3{
	float:left;
	width:40%;
}
ul#fxx{
	padding:0;
	margin:0;
	list-style-type:none;
}
ul#fxx li{
	margin-bottom:5px;
}
a#foo{
	text-decoration:none;
	color:white;
	cursor:pointer;
	font-size:13px;
	text-transform:capitalize;
	font-weight:bold;
}
a#foo:hover{
	color:#EBFC8B;
}
li#ff{
	color:white;font-weight:bold;font-size:20px;
}
.footer1b{
	float:left;
	width:30%;
	text-align:center;
}
.kxx{
	width:100%;
	cursor:pointer;
}
.kxx1{
	width:280px;
	height:280px;
}
img.pio{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:5px; 
	box-shadow: 0px 0px 8px 2px #000000;
}
.kxx2{
	width:100%;
	color:white;
	padding:10px 0px 10px 0px;
	font-size:15px;
	text-transform:capitalize;
}

.footer1c{
	float:left;
	width:100%;
	text-align:center;
	padding:30px 0px 0px 0px;
}
.footer2{
	float:left;
	width:100%;
	padding:20px 0px 0px 0px;
}
.footer2a{
	float:left;
	width:50%;
	color:#EBFC8B;
	font-size:15px;
}
.footer2c{
	float:left;
	width:50%;
	text-align:right;
	color:#EBFC8B;
	font-size:15px;
}
a.flp{
	text-decoration:none;
	color:#EBFC8B;
	font-weight:bold;
	font-size:15px;
}
a.fa{
	color:white;
	font-size:20px;
	text-decoration:none;
}


@media (max-width: 600px) 
{
	.footer1a{
		width:100%;
	}
	.bx1{
		width:25%;
	}
	.bx2{
		width:45%;
	}
	.bx3{
		width:30%;
	}
	a#foo{
		font-size:11px;
	}
	.footer1b{
		width:100%;
		margin-top:10px;
	}
	.footer2a{
		width:100%;
		text-align:center;
	}
	.footer2c{
		width:100%;
		text-align:center;
		margin:10px 0px 0px 0px;
	}
	li#ff{
		font-size:16px;
	}
}

</style>


	
	<div class="footer">
		<div class="footer1">
			<div class="footer1a">
				<div class="bx1">
					<ul id="fxx">
						<li id="ff">ABOUT</li>
						<li><a id="foo" href="artist.php">Artist </a></li>
						<li><a id="foo" href="painting.php">Painting </a></li>
						<li><a id="foo" href="sculpture.php">Sculpture </a></li>
						<li><a id="foo" href="media.php">Media</a></li>
						<li><a id="foo" href="events.php">Event </a></li>
						<li><a id="foo" href="videos.php">Videos </a></li>
						<li><a id="foo" href="contact.php">Contacts  </a></li>
					</ul>
				</div>
				<div class="bx2">
					<ul id="fxx">
						<li id="ff">PURCHASE INFO</li>
						<li><a id="foo" href="buy-art.php">How To Buy Artwork</a></li>
						<li><a id="foo" href="shipping.php">Shipping Artworks </a></li>
						<li><a id="foo" href="certificate.php">Authenticity Certificate  </a></li>
						
					</ul>
				</div>
				<div class="bx3">
					<ul id="fxx">
						<li id="ff">GENERAL</li>
						<li><a id="foo" href="privacy.php">Security &amp; Privacy</a></li>
						<li><a id="foo" href="terms.php">Terms &amp; Conditions</a></li>
					</ul>
				</div>
			</div>
			<div class="footer1b">
									<div class="kxx" onclick="location.href='events.php';">
						<div class="kxx1">
							<img class="pio" src="event/23.jpg">
						</div>
						<div class="kxx2">
							11th solo Exhibition 						</div>
					</div>
							</div>
			<div class="footer1c">
				<a href="https://www.facebook.com/hr.das.5" class="fa fa-facebook" style="font-size:40px;"></a>&nbsp;
				<a href="https://twitter.com/@hrdas2" class="fa fa-twitter" style="font-size:40px;"></a>&nbsp;
				<a href="https://www.instagram.com/hr.das.5/" class="fa fa-instagram" style="font-size:40px;"></a>
			</div>
		</div>
		
		
		<div class="footer2">
			<div class="footer2a">
				H R Das Ⓒ 2019 
			</div>
			<div class="footer2c">
				Developed By : 
				<a class="flp" href="https://21flips.com/" target="_blank">
					21FLIPS
				</a>
			</div>
		</div>
	</div>


	
	


</body></html>