<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Developers Brand</title>
<link rel="shortcut icon" type="image/png" href="image/logo1.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="stylesheet" href="web brand.css" type="text/css">
<link href="bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="aos.css" rel="stylesheet">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<script src="jquery.js"></script>
<script src="aos.js"></script>
</head>
<style>
@import url('https://fonts.googleapis.com/css2?family=Rampart+One&display=swap');
</style>
<body>
<!--nav bar-->
<div class="bg2">
<div class="navbar navbar-expand-lg navbar-dark " id="nav">
<a class="navbar-brand text-white" href="Index.html"><img src="image/logo1.png" id="logo" class="img-fluid">Awesome developers</a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="Index.html">HOME</a>
<a href="web index.html">WEB DESIGN</a>
<a href="Brand.html">BRAND DESIGN</a>
<a href="graphics.html">GRAPHICS DESIGN</a>
<a href="about.html">ABOUT</a>
</div>
<div id="main " class="text-white">
Menu
</div>
<span onclick="openNav()"><i class="fas fa-bars text-white"></i></span><button class="btn btn-primary ml-4" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" >Request Proposel</button></div>
</div>
<!--page-->
<div class="row">
<div class="col-2"></div>
<div class="col-8 bg-white" id="design">
<h1 class="text-center" data-aos-duration="1000" data-aos="zoom-in">Brand Design</h1>
<h3 class="text-center" data-aos-duration="1000" data-aos="fade-up">Introducing the Awesome Developers BrandTenders.</h3>
</div>
<div class="col-2"></div></div>
<div class="row">
<div class="col-lg-6 col-md-12" id="left2" data-aos-duration="1000" data-aos="fade-left">
<h1>Brand Design Services</h1>
<p>The best logos look almost effortless in their creation. But behind that
simplicity is a cocktail of design, disruption, strategy, and technology
perfectly blended by a team of brandtenders to present a tasteful and
charismatic identity that leaves you with a positive brand impression at
every interaction
</p>
<a href="#work2" class="btn btn-outline-success">View Gallery</a>
</div>
<div class="col-lg-6 col-md-12" id="photo" data-aos-duration="1000" data-aos="fade-right">
<img src="image/brandbg2.jpg" class="img-fluid">
</div>
</div>
<!--preview design-->
<div class="view bg-dark">
<div class="container">
<div class="title ">
<h1 class="text-white pt-5" id="bird" data-aos-duration="1000" data-aos="fade-down">Birdland is our featured website design of the month. Visit <a href="https://birdland.com" target="_blank">birdland.com</a></h1>
</div></div><img src="image/previewbrand.png" class="img-fluid" data-aos-duration="1000" data-aos="fade-up"></div>
<!--Gallery-->
<div class="container mt-3">
<div class="row" id="work2">
<h1 class="text-center" data-aos-duration="1000" data-aos="zoom-in">LATEST WEBSITE DESIGN WORKS</h1>
<div class="col-lg-4 col-lgmd-6"><div class="card" data-aos-duration="1000" data-aos="flip-left"><img src="image/brag1.png" class="img-fluid"></div></div>
<div class="col-lg-4 col-lgmd-6"><div class="card" data-aos-duration="1000" data-aos="flip-up"><img src="image/brag2.png" class="img-fluid"></div></div>
<div class="col-lg-4 col-lgmd-6"><div class="card" data-aos-duration="1000" data-aos="flip-right"><img src="image/brag3.png" class="img-fluid"></div></div>
</div>
</div>
<div class="container mt-5" id="pos"><div class="row"><div class="col-lg-4 col-lgmd-6"><div class="card" data-aos-duration="1000" data-aos="flip-left"><img src="image/brag4.png" class="img-fluid"></div></div>
<div class="col-lg-4 col-lgmd-6"><div class="card" data-aos-duration="1000" data-aos="flip-down"><img src="image/brag5.png" class="img-fluid"></div></div>
<div class="col-lg-4 col-lgmd-6"><div class="card" data-aos-duration="1000" data-aos="flip-right"><img src="image/brag6.png" class="img-fluid"></div></div></div></div>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" >
<div class="offcanvas-header">
<h5 id="offcanvasRightLabel" ></h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<h4 class="text-center">Request propose</h4>
<h6 class="text-center">Fill Out Our Form & We’ll be in Touch Shortly</h6>
<form>
<input type="text" name="name" required placeholder="First Name">
<input type="text" name="father" required placeholder="Second Name">
<input type="email" name="email" required placeholder="Email" class="mt-4">
<input type="text" name="number" required placeholder="Phone ">
<input type="text" class="mt-4" name="company" required placeholder="Company">
<select >
<option >Where you find us</option>
<option>Google</option>
<option>Wed design rush</option>
<option>Top 10</option>
<option>Gethub</option>
</select>
<h5 class="mt-4">Type of project</h5>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="check1">
<label class="form-check-label" for="check1">
Web design
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="check2">
<label class="form-check-label" for="check2">
Brand design
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="check3">
<label class="form-check-label" for="check3">
Graphics design
</label>
</div>
<textarea rows="5" cols="50" class="mt-3" placeholder="Project Details"></textarea>
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="check4">
<label class="form-check-label" for="check4">
Sign me up for Awesome developers
</label>
</div>
<div class="d-grid gap-2 mt-4">
<button class="btn btn-primary" type="submit" >Submit</button>
</div>
</form>
</div>
</div>
<!--footer-->
<div class="footer2"><div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 " id="footer1">
<div class="text">
<h5>Explore</h5><br>
<a href="about.html">ABOUT</a><br>
<a href="web index.html">Web design</a><br>
<a href="graphics.html">Graphics design</a><br>
<a href="Brand.html">Brand design</a>
</div>
</div>
<div class="col-lg-3 col-md-6 left">
<h5>You're Questions</h5><br>
<h6>Call us<br>0322-5693793</h6>
<h6>Send us mail<br>Developers@gmail.com</h6>
</div>
<div class="col-lg-6 col-md-12">
<h1>Get a project you'd<br>Like to discuss?</h1>
<br>
<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" >Request Proposel</button>
</div>
</div></div></div>
<a href="#" class="btn btn-dark float-right" id="up"><i class="fas fa-chevron-up"></i></a>
<script>
AOS.init();
</script>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
document.getElementById("main").style.marginLeft = "250px";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
} </script>
</body>
</html>