ed5f849 by pradeep at 2013-04-29 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 id="atext"class="text" style="margin-left:-40px;"><b>Place: Somalapura cross, Kampli Date: 06-Jan-2013</b></span><hr>
32
fffad28 by pradeep at 2013-04-30 33
        <h4>Ineterview with Vajir</h4>
ed5f849 by pradeep at 2013-04-29 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 id="atext1" class="text" style="margin-left:-40px;"><b>Place: Sreenivasa Nagara, Date: 31-Mar-2013</b></span><hr>
39
<div class="sound">
fffad28 by pradeep at 2013-04-30 40
<h4>Interaction with shepherd's son</h4>
ed5f849 by pradeep at 2013-04-29 41
               <audio controls>
42
                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_kid.ogg" type="audio/ogg">
43
                               </audio>
44
fffad28 by pradeep at 2013-04-30 45
<div id="atext2" style="margin:-98px 0px 0px 370px"><h4>Interaction with shepherd servant</h4>
ed5f849 by pradeep at 2013-04-29 46
               <audio controls>
47
                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/interaction_with_servant.ogg" type="audio/ogg">
48
                               </audio></div> 
49
fffad28 by pradeep at 2013-04-30 50
<div id="atext3" style="margin:-98px 0px 0px 760px"><h4>Interaction with Basanna shepherd from Bandanahatti</h4>
ed5f849 by pradeep at 2013-04-29 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><hr>
57
58
59
60
<div class="box">
fffad28 by pradeep at 2013-04-30 61
<span "vtext" class="text" style="margin-left:-40px;"><b>Place: Somalapura cross, Kampli</b></span><hr/>
62
<!--<div class="inside" style="display:inline">
63
    <div id="thumbnails" style="display:inline">-->
64
        <h4>What's in a lamb?</h4>
ed5f849 by pradeep at 2013-04-29 65
            <video width="300" height="240" controls>
66
                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheep.ogv" type="video/ogg">
67
                            <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheepvid.mp4" type="video/mp4">
68
                                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/sheepvid.webm" type="video/webm">
69
                                            Your browser does not support the video tag.
70
                                                </video> 
71
72
<!--	<h3>Shepherd explaining his exploration with sheep</h3>
73
            <video width="300" height="240" controls>
74
                            <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/exploring_with_sheep.mp4" type="video/mp4">
75
                                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/exploring_with_sheep.webm" type="video/webm">
76
                                            Your browser does not support the video tag.
77
                                                </video>
78
                                                      </div>-->
79
fffad28 by pradeep at 2013-04-30 80
	<h4>Interacting with shepherd female family members</h4>
ed5f849 by pradeep at 2013-04-29 81
            <video width="300" height="240" controls>
82
                            <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/butterchunner.mp4" type="video/mp4">
83
                            <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/shepherd.ogv" type="video/ogg">
84
                                    <source src="http://mitan.in/followsheep/socionity/jan2013gallery/Video/butterchunner.webm" type="video/webm">
85
                                            Your browser does not support the video tag.
86
                                                </video>
87
                                                      </div>
88
</div>
89
90
<!--<iframe width="400" height="250" src="http://mitan.in/foddllowsheep/socionity/jan2013gallery/Video/sheepvid.mp4" frameborder="0" allowfullscreen></iframe></a>-->
91
<!--<center><iframe width="400" height="250" src="http://www.youtube.com/embed/Gz27sDcWWVo" frameborder="0" allowfullscreen></iframe></center>-->
92
<!--<span class="text1">content</span>--><hr></div>
93
</body>
94
</html>