/ var / www / html / ethnographylab / [ HOME SHELL ]

Name	Size	Permission	Action
img	[ DIR ]	drwxrwxrwx
php-kit	[ DIR ]	drwxr-xr-x
static	[ DIR ]	drwxr-xr-x
Conference.html	37.11 KB	-rw-r--r--
Confirmation.html	315 B	-rw-r--r--
Contact.html	15.48 KB	-rw-r--r--
Event.html	17.26 KB	-rw-r--r--
Media.html	28.96 KB	-rw-r--r--
People.html	28.05 KB	-rw-r--r--
Project.html	17.76 KB	-rw-r--r--
Publications.html	27.03 KB	-rw-r--r--
ROutcome.html	78 B	-rw-r--r--
Resourses.html	78 B	-rw-r--r--
base.html	13.95 KB	-rw-r--r--
index-old.html	17.4 KB	-rw-r--r--
index.html	19.14 KB	-rwxr-xr-x

Code Editor : index.html

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.84.0">
    <title>Home Page</title>
    <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/blog/">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link href="/docs/5.0/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
    <link rel="apple-touch-icon" href="/docs/5.0/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
    <link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
    <link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
    <link rel="manifest" href="/docs/5.0/assets/img/favicons/manifest.json">
    <link rel="mask-icon" href="/docs/5.0/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
    <link rel="icon" href="/docs/5.0/assets/img/favicons/favicon.ico">
    <meta name="theme-color" content="#7952b3">

<style>
        .bd-placeholder-img {
            font-size: 1.125rem;
            text-anchor: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
        }

@media (min-width: 768px) {
            .bd-placeholder-img-lg {
                font-size: 3.5rem;
            }
        }
    </style>

<link href="https://fonts.googleapis.com/css?family=Playfair&#43;Display:700,900&amp;display=swap" rel="stylesheet">
    
    <link href="blog.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
        crossorigin="anonymous"></script>
    <style>
        @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,500,300,700);

* {
            font-family: Open Sans;
        }

.time {
            font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
            font-size: 20px;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            line-height: 30px;
        }

.timenav {
            font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
            font-size: 22px;
            font-style: normal;
            font-variant: normal;
            font-weight: 400;
            line-height: 30px;
        }

section {
            width: 100%;
            display: inline-block;
            background: #333;
            height: 50vh;
            text-align: center;
            font-size: 22px;
            font-weight: 700;
            text-decoration: underline;
        }

.footer-distributed {
            background: #666;
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
            box-sizing: border-box;
            width: 100%;
            text-align: left;
            font: bold 16px sans-serif;
            padding: 55px 50px;
        }

.footer-distributed .footer-left,
        .footer-distributed .footer-center,
        .footer-distributed .footer-right {
            display: inline-block;
            vertical-align: top;
        }

/* Footer left */

.footer-distributed .footer-left {
            width: 40%;
        }

/* The company logo */

.footer-distributed h3 {
            color: #ffffff;
            font: normal 36px 'Open Sans', cursive;
            margin: 0;
        }

.footer-distributed h3 span {
            color: lightseagreen;
        }

/* Footer links */

.footer-distributed .footer-links {
            color: #ffffff;
            margin: 20px 0 12px;
            padding: 0;
        }

.footer-distributed .footer-links a {
            display: inline-block;
            line-height: 1.8;
            font-weight: 400;
            text-decoration: none;
            color: inherit;
        }

.footer-distributed .footer-company-name {
            color: #222;
            font-size: 14px;
            font-weight: normal;
            margin: 0;
        }

/* Footer Center */

.footer-distributed .footer-center {
            width: 35%;
        }

.footer-distributed .footer-center i {
            background-color: #33383b;
            color: #ffffff;
            font-size: 25px;
            width: 38px;
            height: 38px;
            border-radius: 50%;
            text-align: center;
            line-height: 42px;
            margin: 10px 15px;
            vertical-align: middle;
        }

.footer-distributed .footer-center i.fa-envelope {
            font-size: 17px;
            line-height: 38px;
        }

.footer-distributed .footer-center p {
            display: inline-block;
            color: #ffffff;
            font-weight: 400;
            vertical-align: middle;
            margin: 0;
        }

.footer-distributed .footer-center p span {
            display: block;
            font-weight: normal;
            font-size: 14px;
            line-height: 2;
        }

.footer-distributed .footer-center p a {
            color: lightseagreen;
            text-decoration: none;
            ;
        }

.footer-distributed .footer-links a:before {
            content: "|";
            font-weight: 300;
            font-size: 20px;
            left: 0;
            color: #fff;
            display: inline-block;
            padding-right: 5px;
        }

.footer-distributed .footer-links .link-1:before {
            content: none;
        }

/* Footer Right */

.footer-distributed .footer-right {
            width: 20%;
        }

.footer-distributed .footer-company-about {
            line-height: 20px;
            color: #92999f;
            font-size: 13px;
            font-weight: normal;
            margin: 0;
        }

.footer-distributed .footer-company-about span {
            display: block;
            color: #ffffff;
            font-size: 14px;
            font-weight: bold;
            margin-bottom: 20px;
        }

.footer-distributed .footer-icons {
            margin-top: 25px;
        }

.footer-distributed .footer-icons a {
            display: inline-block;
            width: 35px;
            height: 35px;
            cursor: pointer;
            background-color: #33383b;
            border-radius: 2px;

font-size: 20px;
            color: #ffffff;
            text-align: center;
            line-height: 35px;

margin-right: 3px;
            margin-bottom: 5px;
        }

@media (max-width: 880px) {

.footer-distributed {
                font: bold 14px sans-serif;
            }

.footer-distributed .footer-left,
            .footer-distributed .footer-center,
            .footer-distributed .footer-right {
                display: block;
                width: 100%;
                margin-bottom: 40px;
                text-align: center;
            }

.footer-distributed .footer-center i {
                margin-left: 0;
            }

}
    </style>

</head>

<body style="background-color: #ffffff;">
    <!-- <nav class="navbar navbar-dark bg-dark sticky-top">

<a class="p-2 link-secondary" href="/">Home</a>
        <a class="p-2 link-secondary" href="/Project">Projects</a>
        <a class="p-2 link-secondary" href="/Event">Events</a>
        <a class="p-2 link-secondary" href="/People">People</a>
        <a class="p-2 link-secondary" href="/Media">Media</a>
        <div>
            <ul class="navbar-nav">
                <li class="nav-item dropdown">
                    <button class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                        <U>Research Outcomes</U>
                    </button>
                    <ul class="dropdown-menu ">
                        <li><a class="dropdown-item" href="/Publications">Publications</a></li>
                        <li><a class="dropdown-item" href="/Conference">Conference Presentations</a></li>

</ul>
                </li>
            </ul>
        </div>
        <a class="p-2 link-secondary" href="/Contact">Contact Us</a>
    </nav> -->

<nav class="navbar navbar-expand-xl navbar-dark " aria-label="Fourth navbar example"
        style="background-color: #1f1d1d;">
        <div class="container-fluid  ">
            <img src="static/logo1.png" width="90px" height="80px">
            
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample04"
                aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

<div class="collapse navbar-collapse" id="navbarsExample04">
                <ul class="navbar-nav me-auto mb-2 mb-md-0">
                    <li class="nav-item">
                        <a class="nav-link active timenav" aria-current="page" href="index.html"
                            style="margin-left: 25px;">Home</a>
                    </li>

<li class="nav-item">
                        <a class="nav-link active timenav" href="People.html" style="margin-left: 15px;">People</a>
                    </li>

<li class="nav-item">
                        <a class="nav-link active timenav" href="Project.html" style="margin-left: 15px;">Projects</a>
                    </li>

<li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle active timenav" href="#" id="dropdown04"
                            data-bs-toggle="dropdown" aria-expanded="false" style="margin-left: 15px;">Research
                            Outcomes</a>
                        <ul class="dropdown-menu" aria-labelledby="dropdown04">
                            <li><a class="dropdown-item timenav" href="Publications.html">Publications</a></li>
                            <li><a class="dropdown-item timenav" href="Conference.html">Conference Presentations</a></li>

</ul>
                    </li>

<li class="nav-item">
                        <a class="nav-link active timenav" href="Event.html" style="margin-left: 15px;">Events</a>
                    </li>

<li class="nav-item">
                        <a class="nav-link active timenav" href="Media.html"
                            style="margin-left: 15px; margin-right: 15px;">Gallery</a>
                    </li>

<form>
                        
                        
                        <a class="nav-link active timenav" href="Contact.html">Contact Us</a>
                    </form>

</ul>

</div>
        </div>
    </nav>
	
<!--<div id="carouselExampleRide" class="carousel slide" data-bs-ride="true ">
    <div class="carousel-inner">
        <div class="carousel-item active">

<img src="static/pic13.jpg" class="d-block " alt="..." width="1200px" height="380px"
                style="margin-left: 30px ; ">
        </div>
        <div class="carousel-item">
            <img src="static/pic6.jpg" class="d-block " alt="..." width="1200px" height="380px"
                style="margin-left: 30px;">
        </div>
        <div class="carousel-item">
            <img src="static/I1.png" class="d-block " alt="..." style="margin-left: 250px;">
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>

</div>-->
	
	<div id="carouselExampleRide" class="carousel slide" data-bs-ride="true ">
    <div class="carousel-inner">
        <div class="carousel-item active">

<img src="static/sl2.jpg" class="d-block " alt="..." style="width:100%">
        </div>
        <div class="carousel-item">
            <img src="static/sl3.jpg" class="d-block " alt="..." style="width:100%">
        </div>
        <div class="carousel-item">
            <img src="static/sl1.jpg" class="d-block " alt="..." style="width:100%">
        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleRide" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>

</div>
<div class="p-3 mb-4 bg-light rounded-3">
    <div class="row">
        <div class="col container-fluid py-2">
            <h1 class="display-8 fw-bold timenav" style="text-align: center; font-size: 40px;">About</h1>
            <p class="time">The Ethnography Lab at SSH, IIITD will be a faculty and student collaboration led
                research hub to promote ethnographic research methods for studying the contemporary world. The lab
                will
                promote and teach fieldwork, empirical data collection and participant observation at both
                undergraduate
                and post-graduate level with the aim of shifting mode of learning to participation and hands-on
                engagement and thus moving beyond classroom learning.Highly sought after by industry, public policy,
                entrepreneurial community and social welfare groups, the Lab will offer a space where students and
                others at any stage of their ethnographic projects can share their work in progress to get feedback,
                mentorship and guidance from faculty specializing in ethnographic and field research methods.</p>
        </div>
        <div class="col-md-4">
            <div class="position-sticky" style="top: 2rem;">
                <div class="p-4 mb-3 bg-light rounded">
                    <h4 class="fst-italic">Notices</h4>
                    <a href="img/Data and Lives_Final Flyer.png" target="_blank"><strong>&raquo; Data & Lives Workshop on 3rd Dec 2025</strong></a>
                    <a href="img/Data and Lives_Final Flyer.png" target="_blank"><img src="img/Data and Lives_Final Flyer.png" style="width:70%" alt="Data & Lives Ethnograpgy Lab Workshop "/></a><br/><br/>
					<a href="static/Final Poster-Ethnography Workshop.pdf" target="_blank"><strong>&raquo; Ethnography Workshop, 17th & 18th January 2024</strong></a>
					
                </div>

<div class="p-4">
                    <h4 class="fst-italic">Archives</h4>
                    <ol class="list-unstyled mb-0">
                        <li><a href="https://www.tandfonline.com/doi/abs/10.1080/09584935.2022.2099813?journalCode=ccsa20"
                                target="_blank">20 Jul 2022</a></li>
                        <li><a href="https://wiredspace.wits.ac.za/items/d456a66e-278d-421e-9e70-8e23260ddedb"
                                target="_blank">15 Nov 2022</a></li>

</ol>
                </div>
            </div>
        </div>
    </div>
</div>

<footer class="footer-distributed">

<div class="footer-left">

<h4 class="text-white">IIITD Ethnography Lab<br>Department of Social Science & Humanities</h4>
            
            
            <img src="">

<p class="footer-company-name text-white">Copyright © 2023</p>
        </div>

<div class="footer-center">

<div>
                <i class="fa fa-map-marker"></i>
                <p>Okhla Industrial Estate,<br>Phase III, Near Govind Puri Metro Station,<br> New Delhi-110020
                </p>
            </div>

<div>
                <i class="fa fa-phone"></i>
                <p>+91-011-71985300, +91-011-26907400-7404 <br>ethnographylab@iiitd.ac.in</p>

</div>

</div>

<div class="footer-right">

<!--<div>

<a href="#"><img src="static/facebook.png" width="40px" height="40px"></a>
                <a href="#"><img src="static/linkedin.png" width="40px" height="40px"></a>
                <a href="#"><img src="static/twitter.png" width="40px" height="40px"></a>
                <a href="#"><img src="static/insta.png" width="40px" height="40px"></a>

</div>-->
			
			<div>

<a href="#"><img src="static/facebook.png" style="width: 20%;"></a>
                <a href="#"><img src="static/linkedin.png" style="width: 10%;"></a>
                <a href="#"><img src="static/twitter.png" style="width: 10%;"></a>
                <a href="#"><img src="static/insta.png" style="width: 10%;"></a>

</div>
        </div>
    </footer>
</body>

</html>

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.