<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<title>Atari Guwahati Website</title>
</head>
<body>
<div class="container">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid offset-md-2">
<!-- <a class="navbar-brand" href="#">Special programme</a> -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">staff</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Training</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Special programme</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
</div>
<div class="container mb-5">
<div class="row">
<div class="col-md-6 news-head" id="header">
<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/atari-001.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/atari-002.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="img/atari-006.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying" 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="#carouselExampleAutoplaying" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div class="col-md-3" id="news">
<h2 class="news-head text-center">NEWS UPDATE</h2>
<marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" width="100%" direction="up" height="280px">
<ul class="d">
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="www.google.com">click</a></li>
</ul>
</marquee>
<marquee>
</marquee>
</div>
<div class="col-md-3" id="director">
<h2 class="news-head text-center">DIRECTOR'S MESSAGE</h2>
<img src="img/Director Message ata.jpg" class="img-fluid" alt="">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Veritatis odio commodi in mollitia aut
obcaecati repellendus accusantium natus facere beatae? Eligendi porro quisquam fugit impedit.</p>
<a href="" class="readmore">Read more <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="container">
<div class="row section">
<div class="col-md-3 text-center" id="reports">
<h4 class="l">Progressive Farmers</h4>
<h4 class="l">News Letter</h4>
<h4 class="y">Publications</h4>
<h4 class="l">Reports</h4>
<h4 class="y">Miscellaneous</h4>
<h4 class="l">Digital Payment</h4>
<h4 class="y">Success stories</h4>
</div>
<div class="col-md-3" id="About">
<h4><b>About ICAR-ATARI, Zone-VI</b></h4>
<p>The foundation stone for the ICAR-Agricultural Technology Application Research Institute (ATARI),
Zone-VI, Guwahati was laid by Hon'ble Union Minister of Agriculture & Farmers Welfare, Shri Radha
Mohan Singh at ICAR-CPCRI, Regional centre, Kahikuchi on 14th February, 2016. ICAR-ATARI, Zone-VI,
Guwahati with its headquarters at Kahikuchi.</p>
<a href="" class="readmore">Read more <i class="fa fa-angle-double-right" aria-hidden="true"></i></a>
</div>
<div class="col-md-3" id="Tender">
<h4><b>ICAR-ATARI, Tender</b></h4>
<div class="text-center">
<marquee behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" width="100%" direction="up" height="280px">
<ul class="z">
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
<li><img src="img/new-brand-new.gif" alt="" width="10%"><a href="">Demo Link Genx</a>
<a href="google.com">click</a></li>
</ul>
</marquee>
</div>
</div>
<div class="col-md-3" id="projects">
<h4><b>Projects</b></h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis eius iure esse corporis eos, voluptatem
quod vero alias. Tempore excepturi temporibus nemo sequi fugiat voluptatibus fuga ut illo eos atque
recusandae saepe possimus, harum totam impedit ea maxime, reprehenderit sint aliquam! Atque porro
magnam ea.</p>
</div>
</div>
</div>
<section id="sections">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3581.978205851218!2d91.80681311502856!3d26.132253583469872!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x375a58c9149f0e8b%3A0x928fb0ba90c4f2d4!2sGenx%20Assam!5e0!3m2!1sen!2sin!4v1676634269795!5m2!1sen!2sin" width="100%" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<footer>
<div class="container" id="footer">
<div class="row">
<div class="col-md-4" id="footer1">
<h4>IMPORTANT LINKS</h4>
<a href="http://www.icar.gov.in" class="box1">ATIC, GUWAHATI</a><br>
<a href="http://www.icar.gov.in" class="box1">Indian Council of Agricultural Research</a><br>
<a href="http://www.icar.gov.in" class="box1">KIRAN</a><br>
<a href="http://www.icar.gov.in" class="box1">Krishi Vigyan Kendra Knowledge Network</a><br>
<a href="http://www.icar.gov.in" class="box1">NFSM</a><br>
<a href="http://www.icar.gov.in" class="box1">NICRA</a><br>
<a href="http://www.icar.gov.in" class="box1">NMOOP</a><br>
<a href="http://www.icar.gov.in" class="box1">NRCP</a><br>
</div>
<div class="col-md-4" id="footer2">
<h4>CONTACT US</h4>
<p>Adress: Housefed Complex, Dispur, Guwahati-06</p>
<p>E-mail: ATARI[dot]Guwahati[at]icar[dot]gov[dot]in</p>
<p>Phone: 0361-2840008</p>
<p>Twitter</p>
<p>Facebook</p>
</div>
<div class="col-md-4" id="footer3">
<h3>LEAVE A MESSAGE</h3>
<form>
<div class="row my-3">
<div class="col ">
<input type="email" class="form-control" placeholder=" your email">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="your name">
</div>
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label"></label>
<textarea class="form-control" placeholder="your message" id="exampleFormControlTextarea1"
rows="1"></textarea>
</div>
<button type="button" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</footer>
</body>
<script src="js/jquery-3.6.3.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
</html>
.navbar-brand{
color: black;
}
.nav-link {
color: black;
}
.nav-link:hover{
color: rgb(255, 205, 220);
}
#news h2{
margin-bottom: 30px;
background: rgb(181, 181, 193);
font-family: 'Balthazar', serif;
font-size: 1.7rem;
}
#news h2:hover{
color: rgb(55, 0, 255);
}
#news ul{
background: rgb(187, 234, 111);
}
#news ul li a{
text-decoration: none;
}
.readmore{
text-decoration: none;
}
#director h2{
background: rgb(181, 181, 193);
font-family: 'Balthazar', serif;
font-size: 1.7rem;
}
#director h2:hover{
color: rgb(55, 0, 255);
}
.y{
background: yellowgreen;
border-radius: 10px;
padding: 3px;
color: white;
margin-bottom: 20px;
}
#reports h4:hover{
color: rgb(165, 126, 228);
}
.l{
background: rgb(32, 30, 30);
color: white;
border-radius: 10px;
padding:3px;
margin-bottom: 20px;
}
.z{
background: gainsboro;
}
#Tender ul li a{
text-decoration: none;
padding: 19px;
}
#section{
background: blue;
height: 60px;
}
#footer{
background: rgb(0,38,51);
}
#footer1 h4{
color:white
}
#footer2 h4{
color:white
}
#footer2 p{
color: rgb(166, 158, 158);
}
#footer3 h3{
color: white
}
#footer3 form textarea{
background:rgb(191, 203, 207);
color: aliceblue;
}
#footer3 form input{
/* background:rgb(0,37,49); */
background:rgb(191, 203, 207);
color: white;
}
Comments
Post a Comment