1
<!DOCTYPE html>
2
    <head>
3
        <meta charset="utf-8">
4
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
5
        <meta http-equiv="content-type" content="application/xhtml; charset=UTF-8" />
6
        <title>Follow The Sheep</title>
7
        <meta name="description" content="">
8
        <meta name="viewport" content="width=device-width">
9
	<!--<link rel="stylesheet" href="css/bootstarp.css"/>-->
10
	<link rel="stylesheet" href="css/bootstrap-responsive.min.css"/>
11
	<link rel="stylesheet" href="css/bootstrap-responsive.css"/>
12
	<link rel="stylesheet" href="css/bootstrap.min.css"/>
13
        <link rel="stylesheet" href="css/normalize.css">
14
        <link rel="stylesheet" href="css/main.css">
15
        <script src="js/vendor/modernizr-2.6.1.min.js"></script>
16
    </head>
17
<body>
18
 <div><h1 id="title"><a href="index.html" style="text-decoration:none;">Follow the Sheep</a></h1>
19
        <div class="navigation">
20
          <ul class="nav nav-pills"><!--<li><a href="index.html"> Home</a></li>-->
21
            <li><a  href="travelogue.html">Travel Blogs</a></li>
22
            <li><a  href="data.html">Data</a></li>
23
            <li><a  href="tracks.html">Tracks</a></li>
24
            <li><a  href="images.html">Images</a></li>
25
            <li><a  href="audios.html">Audios</a></li>
26
            <li><a  href="videos.html">Videos</a></li>
27
</ul></div><hr></div>
28
29
<!--<h2>All Tracks</h2>-->
30
<div class="box">
31
<span class="text" style="margin-left:-40px;"><b>Place: Somalapura cross, Kampli Date: 06-Jan-2013</b></span><hr>
32
33
        <h4>Conversation with Vajir - Audio Recording</h4>
34
               <audio controls>
35
                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/Memo.ogg" type="audio/ogg">
36
                               </audio> </div><hr>
37
<div class="box">
38
<span class="text" style="margin-left:-40px;"><b>Place: Sreenivasa Nagara, Date: 31-Mar-2013</b></span><hr>
39
<div class="sound">
40
<h4>Interview with shepherd's son - Audio Recording</h4>
41
               <audio controls>
42
                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_kid.ogg" type="audio/ogg">
43
                               </audio>
44
45
<div style="margin:-98px 0px 0px 400px"><h4>Interview with shepherd  servant - Audio Recording</h4>
46
               <audio controls>
47
                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_servant.ogg" type="audio/ogg">
48
                               </audio></div> 
49
50
<div style="margin:-98px 0px 0px 815px"><h4>Interview with shepherd(Mr.Basappa) - Audio Recording</h4>
51
               <audio controls>
52
                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_shepherd.ogg" type="audio/ogg">
53
                               </audio> </div>
54
55
	       </div>
56
                             </div>
57
58
59
<!--<iframe width="400" height="250" src="http://mitan.in/foddllowsheep/socionity/jan2013gallery/Video/sheepvid.mp4" frameborder="0" allowfullscreen></iframe></a>-->
60
<!--<center><iframe width="400" height="250" src="http://www.youtube.com/embed/Gz27sDcWWVo" frameborder="0" allowfullscreen></iframe></center>-->
61
<!--<span class="text1">content</span>--><hr></div>
62
</body>
63
</html>