Skip to content

Instantly share code, notes, and snippets.

@jswatson0

jswatson0/artist.html

Created January 21, 2015 15:26
Show Gist options
  • Save jswatson0/af983d22391b1efeeb94 to your computer and use it in GitHub Desktop.
Save jswatson0/af983d22391b1efeeb94 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
artist.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" type="text/css" href="../styles/nep_widget.css" >
</head>
<body>
<div id="nep_widget" class="container">
<div class="row">
<!-- Search bar if/when we can integrate
<div class="input-group col-lg-12">
<div class="col-lg-10">
<input id="Keyword" class="form-control" type="text" tabindex="1">
</div>
<div>
<div class="input-group-btn">
</div>
</div> -->
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
</div>
</div>
<div>
<h3>Artists:</h3>
</div>
<div class="row">
<div class="col-lg-3">
<a href="http://localhost:8888/image2art/public/client-widget/demo/surya.html#/search/artist=Vincent%20Van%20Gogh&page=1">
<img width="100%" src="http://www.artcyclopedia.org/art/van-gogh-self.jpg" alt="Winning!">
<h4>Van Gogh</h4>
</a>
</div>
<div class="col-lg-3">
<a href="http://localhost:8888/image2art/public/client-widget/demo/surya.html#/search/artist=Franz%20Marc&page=1">
<img width="100%" src="http://www.franzmarc.org/images/paintings/tiger.jpg" alt="Winning!">
<h4>Franz Marc</h4>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<img width="100%" src="img/img1.jpg" alt="Winning!">
<h4>Angeli</h4>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<img width="100%" src="img/img1.jpg" alt="Winning!">
<h4>Bellows</h4>
</a>
</div>
</div>
</div>
</body>
</html>
Raw
main.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" type="text/css" href="../styles/nep_widget.css" >
</head>
<body>
<div id="nep_widget" class="container">
<div class="row">
<div class="col-lg-12">
<h2>HEADER</h2>
</div>
<!-- Search bar if/when we can integrate
<div class="input-group col-lg-12">
<div class="col-lg-10">
<input id="Keyword" class="form-control" type="text" tabindex="1">
</div>
<div>
<div class="input-group-btn">
</div>
</div> -->
</div>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<!-- content -->
</div>
</div>
<div>
<h3>Browse By:</h3>
</div>
<div class="row">
<div class="col-lg-3">
<a href="#">
<img width="100%" src="http://www.newerahd.com/partners/homedecorators2/images/converge.jpg" alt="Winning!">
<h4>Color</h4>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<img width="100%" src="http://www.newerahd.com/partners/homedecorators2/images/hector.jpg" alt="Winning!">
<h4>Subject</h4>
</a>
</div>
<div class="col-lg-3">
<a href="#">
<img width="100%" src="http://imageset.gallerydirect.com/art_preview/AR164A_F0000_ML000_MB_20_220.jpg" alt="Winning!">
<h4>Collection</h4>
</a>
</div>
<div class="col-lg-3">
<a href="http://localhost:8888/image2art/public/client-widget/demo/artist.html">
<img width="100%" src="http://www.newerahd.com/partners/homedecorators2/images/klimt.jpg" alt="Winning!">
<h4>Artist</h4>
</a>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment