Question

please help me with this project subject: Web and Mobile Development You are to create a...

please help me with this project

subject: Web and Mobile Development

You are to create a page that has four images that are links to other schools in the New England area. Each image is to be controlled in size by a CSS responsive design. The page is to appear balanced by an appropriate, complimentary, background color. White is not an option as a background color. Look up how to make image links on W3Schools.

There is to be a small repeated background image that appears on the right side of the page but not at the edge of the page. There is to be a header banner in a header section (look up "header" tag on W3Schools).

The link images are to run vertically down the screen but they may not cover any part of the background image or the header banner.

All images are to be in good taste and should represent the site to which they connect. The image does not have to be an exact image of that school but it has to be related.

You can't use a fish image to represent a University.

Make sure that your submission includes all folders required in your site structure.

0 0
Add a comment Improve this question Transcribed image text
Answer #1

Answer: -  

Copy this website code in the index.html file and then check the responsiveness of the webpage also .


<!------ Include the above in your HEAD tag ---------->

<!DOCTYPE html>
<html lang=en>
<head>
<meta charset=utf-8>
<meta name=viewport content="width=device-width, initial-scale=1">
<meta name=author content="sumit kumar">
<title>blog</title>
<link href=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css rel=stylesheet id=bootstrap-css>
<script src=//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js></script>
<script src=//code.jquery.com/jquery-1.11.1.min.js></script>
<link href=//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css rel=stylesheet>
<style>  .user-small-img,.waves-effect{cursor:pointer}.recent-post,li{list-style-type:none}.content-title h3 a,.recent-post a,.social-icon>a,a{text-decoration:none}.panel,.waves-effect,footer>ul{overflow:hidden}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto;width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#f7f7f7}.navbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:5px}.topbar,.topbar .container .row .col-md-12{padding:0}.topbar{background-color:#16a085}.topbar .container .row{margin:-7px;padding:0}.topbar p{margin:0;display:inline-block;font-size:13px;color:#f1f6ff}.topbar p>i{margin-right:5px}.topbar p:last-child{text-align:right}header .navbar{margin-bottom:0}.topbar li.topbar{display:inline;padding-right:18px;line-height:52px;transition:all .3s linear}.topbar li.topbar:hover{color:#1bbde8}.topbar ul.info i{color:#131313;font-style:normal;margin-right:8px;display:inline-block;position:relative;top:4px}.topbar ul.info li{float:right;padding-left:30px;color:#fff;font-size:13px;line-height:44px}.topbar ul.info i span{color:#aaa;font-size:13px;font-weight:400;line-height:50px;padding-left:18px}ul.social-network{border:0;padding:0}ul.social-network li i{margin:0}ul.social-network li{margin:0 5px;border:0 solid #2d2d2d;padding:5px 0 0;width:32px;display:inline-block;text-align:center;height:32px;vertical-align:baseline;color:#000}ul.social-network{list-style:none;margin:5px 0 10px -25px;float:right}.waves-effect{position:relative;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity,transform;transition:.3s ease-out;color:#fff}a{color:#0a0a0a}.bg-image-full{background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}.bg-dark{background-color:#222!important}.mx-background-top-linear{background:-webkit-linear-gradient(left,ORANGE 48%,#16A085 48%);background:linear-gradient(45deg,ORANGE 48%,#16A085 48%)}.btn-default{background-color:#009688;border-color:#009688;border-radius:0;color:#fff}#blog-section{margin-top:40px;margin-bottom:80px}.content-title{padding:5px;background-color:#fff}.content-title h3 a{color:#34495e;transition:.5s}.content-title h3 a:hover{color:#f39c12}.content-footer{background-color:#16a085;padding:10px;position:relative}.content-footer span a{color:#fff;display:inline-block;padding:6px 5px;text-decoration:none;transition:.5s}.content-footer span a:hover{color:#f39c12}aside{margin-top:30px;-webkit-box-shadow:1px 4px 16px 3px rgba(199,197,199,1);-moz-box-shadow:1px 4px 16px 3px rgba(199,197,199,1);box-shadow:1px 4px 16px 3px rgba(199,197,199,1)}aside .content-footer>img{width:33px;height:33px;border-radius:100%;margin-right:10px;border:2px solid #fff}.user-ditels{width:300px;top:-100px;height:100px;padding-bottom:99px;position:absolute;border:2px solid #fff;background-color:#34495e;right:25px;display:none;z-index:1}@media(max-width:768px){.user-ditels{right:5px}}.content-footer:hover .user-ditels{display:block}.content-footer .user-ditels .user-img{width:100px;height:100px;float:left}.user-full-ditels h3{color:#fff;display:block;margin:0;padding-top:10px;padding-right:28px;text-align:right}.social-icon,.user-full-ditels p{padding-right:20px;text-align:right}.user-full-ditels p{color:#fff;display:block;margin:0;padding-top:5px}.social-icon{background-color:#fff;margin-top:10px}.social-icon>a{font-size:20px;padding:5px}.social-icon a:nth-of-type(1){color:#4e71a8}.social-icon a:nth-of-type(2){color:#3fa1da}.social-icon a:nth-of-type(3){color:#e3411f}.social-icon a:nth-of-type(4){color:#ca3737}.social-icon a:nth-of-type(5){color:#3a3a3a}.widget-sidebar{background-color:#fff;padding:20px;margin-top:30px}.title-widget-sidebar{font-size:14pt;border-bottom:2px solid #e5ebef;margin-bottom:15px;padding-bottom:10px;margin-top:0}.title-widget-sidebar:after{border-bottom:2px solid #f1c40f;width:150px;display:block;position:absolute;content:'';padding-bottom:10px}.social .icon,.social .info{display:inline-block;vertical-align:middle}.links,footer,footer .bar-wrap,footer>ul{position:relative}.recent-post{width:100%;height:80px}.post-img img{width:100px;height:70px;float:left;margin-right:15px;border:5px solid #16a085;transition:.5s}.recent-post a{color:#34495e;transition:.5s}.post-img,.recent-post a:hover{color:#f39c12}.post-img img:hover{border:5px solid #f39c12}.categories-btn,button.accordion{cursor:pointer;width:100%;border:0;text-align:left;outline:0;font-size:15px;color:#fff}button.accordion{background-color:#16a085;padding:18px;transition:.4s}button.accordion.active,button.accordion:hover{background-color:#f39c12;color:#fff}button.accordion:after{content:'\002B';color:#fff;font-weight:700;float:right;margin-left:5px}button.accordion.active:after{content:"\2212"}.panel{padding:0 18px;background-color:#fff;max-height:0;transition:max-height .2s ease-out}.categories-btn{background-color:#f39c12;margin-top:30px;padding:18px;transition:.4s}.btn-warning,.form-control,.input-group-addon{border-radius:0}.categories-btn:after{content:'\25BA';color:#fff;font-weight:700;float:right;margin-left:5px}.categories-btn:hover{background-color:#16a085;color:#fff}.btn-warning{background-color:#f39c12;margin-top:15px}footer{background-color:#2e3639;z-index:1}footer .splitter{background-color:#ac0;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.2)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.2)),color-stop(.75,rgba(255,255,255,.2)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);-webkit-background-size:50px 50px;-moz-background-size:50px 50px;background-size:50px 50px;-moz-box-shadow:1px 1px 8px gray;-webkit-box-shadow:1px 1px 8px gray;box-shadow:1px 1px 8px gray;height:20px}footer>ul{list-style:none;margin:0 auto;max-width:1200px;padding:25px 0;width:95%}footer>ul li{float:left;padding:20px 15px;width:33.3%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}footer>ul li:first-child{padding-left:0}footer>ul li:nth-child(3){padding-right:0}footer>ul li .icon{color:#999;float:left;font-size:80px;line-height:80px}footer>ul li .text{color:#848889;font-size:13px;line-height:20px;margin-left:105px;position:relative;text-align:justify}.text h4{color:#FFF;font-size:24px;font-weight:700;margin-bottom:10px}.text a{border-bottom:1px dotted transparent;color:#FD0;font-weight:700}.text a:hover{border-color:#FD0}footer .bar{background-color:#1e2629;padding:20px 0}footer .bar-wrap{font-size:12px;margin:0 auto;max-width:1200px;width:95%}.links{float:left;list-style:none}.links li{float:left;margin-right:10px}.links a{color:#788}.links a:hover{color:#FFF}.social{position:absolute;right:0;top:0}.social a{color:#788;margin-left:20px}.social a:hover{color:#FFF}.social .icon{font-size:36px;margin-right:5px;-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;-ms-transition:-ms-transform .3s linear;-o-transition:-o-transform .3s linear;transition:transform .3s linear}.social a:hover .icon{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.social .info .follow,.social .info .num{display:block}.copyright{color:#788;margin-top:5px}@media screen and (max-width:1000px){.bar,.social{position:relative}.copyright,.links,.social{float:none;text-align:center}.social{margin:10px 0}.links li{display:inline-block;float:none}.bar-wrap{margin-bottom:0}}@media screen and (max-width:835px){footer>ul li{float:none;width:auto}}@media screen and (max-width:768px){.links li{margin-right:5px}}   </style>
<link href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css rel=stylesheet type=text/css>
<script src=https://use.fontawesome.com/07b0ce5d10.js></script>


</head>
<body>

<div class=fixed-top>
<header class=topbar>
<div class=container>
<div class=row>

<div class=col-sm-12>
<ul class=social-network>
<li><a class="waves-effect waves-dark" href=#><i class="fa fa-facebook"></i></a></li>
<li><a class="waves-effect waves-dark" href=#><i class="fa fa-twitter"></i></a></li>
<li><a class="waves-effect waves-dark" href=#><i class="fa fa-linkedin"></i></a></li>
<li><a class="waves-effect waves-dark" href=#><i class="fa fa-pinterest"></i></a></li>
<li><a class="waves-effect waves-dark" href=#><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</header>
<nav class="navbar navbar-expand-lg navbar-dark mx-background-top-linear">
<div class=container>
<a class=navbar-brand href=index.html style=text-transform:uppercase> Chegg.com</a>
<button class=navbar-toggler type=button data-toggle=collapse data-target=#navbarResponsive aria-controls=navbarResponsive aria-expanded=false aria-label="Toggle navigation">
<span class=navbar-toggler-icon></span>
</button>
<div class="collapse navbar-collapse" id=navbarResponsive>
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class=nav-link href=#>Home
<span class=sr-only>(current)</span>
</a>
</li>
<li class=nav-item>
<a class=nav-link href=#>About</a>
</li>
<li class=nav-item>
<a class=nav-link href=#>Fruits</a>
</li>
<li class=nav-item>
<a class=nav-link href=#>Sea food</a>
</li>
<li class=nav-item>
<a class=nav-link href=#>Vegetables</a>
</li>
<li class=nav-item>
<a class=nav-link href=#>Blog</a>
</li>
<li class=nav-item>
<a class=nav-link href=#>Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</div>


<section id=blog-section>
<div class=container>
<div class=row>


<div class=col-lg-4>
<div class=widget-sidebar>
<h2 class=title-widget-sidebar>// RECENT POST</h2>
<div class=content-widget-sidebar>
<ul>
<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-ndZJOGgvYQ4/WM1ZI8dH86I/AAAAAAAADeo/l67ZqZnRUO8QXIQi38bEXuxqHfVX0TV2gCJoC/w424-h318-n-rw/thumbnail8.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>
<hr>

<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-ojLI116-Mxk/WM1ZIwdnuwI/AAAAAAAADeo/4K6VpwIPSfgsmlXJB5o0N8scuI3iW4OpwCJoC/w424-h318-n-rw/thumbnail6.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>
<hr>

<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-TrK1csbtHRs/WM1ZI1SIUNI/AAAAAAAADeo/OkiUjuad6skWl9ugxbiIA_436OwsWKBNgCJoC/w424-h318-n-rw/thumbnail3.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>
<hr>

<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-UKfIhJSBW9M/WM1ZI8ou34I/AAAAAAAADeo/vlLGY29147AYLaxUW29ZXJlun115BhkhgCJoC/w424-h318-n-rw/thumbnail7.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>


</ul>
</div>
</div>

<div class=widget-sidebar>
<h2 class=title-widget-sidebar>// ARCHIVES</h2>
<div class=last-post>
<button class=accordion>21/4/2016</button>
<div class=panel>
<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-13DR8P0-AN4/WM1ZIz1lRNI/AAAAAAAADeo/XMfJ7CM-pQg9qfRuCgSnphzqhaj3SQg6QCJoC/w424-h318-n-rw/thumbnail4.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<hr>
<div class=last-post>
<button class=accordion>5/7/2016</button>
<div class=panel>
<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-QlnwuVgbxus/WM1ZI1FKQiI/AAAAAAAADeo/nGSd1ExnnfIfIBF27xs8-EdBdfglqFPZgCJoC/w424-h318-n-rw/thumbnail2.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<hr>
<div class=last-post>
<button class=accordion>15/9/2016</button>
<div class=panel>
<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-wRHL_FOH1AU/WM1ZIxQZ3DI/AAAAAAAADeo/lwJr8xndbW4MHI-lOB7CQ-14FJB5f5SWACJoC/w424-h318-n-rw/thumbnail5.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<hr>
<div class=last-post>
<button class=accordion>2/3/2017</button>
<div class=panel>
<li class=recent-post>
<div class=post-img>
<img src=https://lh3.googleusercontent.com/-QlnwuVgbxus/WM1ZI1FKQiI/AAAAAAAADeo/nGSd1ExnnfIfIBF27xs8-EdBdfglqFPZgCJoC/w424-h318-n-rw/thumbnail2.jpg class=img-responsive>
</div>
<a href=#><h5>Excepteur sint occaecat cupi non proident laborum.</h5></a>
<p><small><i class="fa fa-calendar" data-original-title title></i> 30 Juni 2014</small></p>
</li>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>


<div class=widget-sidebar>
<h2 class=title-widget-sidebar>// CATEGORIES</h2>
<button class=categories-btn>Audio</button>
<button class=categories-btn>Blog</button>
<button class=categories-btn>Gallery</button>
<button class=categories-btn>Images</button>
</div>


<div class=widget-sidebar>
<h2 class=title-widget-sidebar>// NEWSLATTER</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor ut .</p>
<div class=input-group>
<span class=input-group-addon><i class="fa fa-envelope-o" aria-hidden=true></i></span>
<input id=email type=text class=form-control name=email placeholder=Email>
</div>
<button type=button class="btn btn-warning">Warning</button>
</div>


</div>

<div class=col-lg-8>
<div class=row>
<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-ndZJOGgvYQ4/WM1ZI8dH86I/AAAAAAAADeo/l67ZqZnRUO8QXIQi38bEXuxqHfVX0TV2gCJoC/w424-h318-n-rw/thumbnail8.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>

<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-ojLI116-Mxk/WM1ZIwdnuwI/AAAAAAAADeo/4K6VpwIPSfgsmlXJB5o0N8scuI3iW4OpwCJoC/w424-h318-n-rw/thumbnail6.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>

<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-TrK1csbtHRs/WM1ZI1SIUNI/AAAAAAAADeo/OkiUjuad6skWl9ugxbiIA_436OwsWKBNgCJoC/w424-h318-n-rw/thumbnail3.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>

<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-UKfIhJSBW9M/WM1ZI8ou34I/AAAAAAAADeo/vlLGY29147AYLaxUW29ZXJlun115BhkhgCJoC/w424-h318-n-rw/thumbnail7.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>

<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-13DR8P0-AN4/WM1ZIz1lRNI/AAAAAAAADeo/XMfJ7CM-pQg9qfRuCgSnphzqhaj3SQg6QCJoC/w424-h318-n-rw/thumbnail4.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>

<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-QlnwuVgbxus/WM1ZI1FKQiI/AAAAAAAADeo/nGSd1ExnnfIfIBF27xs8-EdBdfglqFPZgCJoC/w424-h318-n-rw/thumbnail2.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>

<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-wRHL_FOH1AU/WM1ZIxQZ3DI/AAAAAAAADeo/lwJr8xndbW4MHI-lOB7CQ-14FJB5f5SWACJoC/w424-h318-n-rw/thumbnail5.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>

<div class="col-lg-6 col-md-6">
<aside>
<img src=https://lh3.googleusercontent.com/-ndZJOGgvYQ4/WM1ZI8dH86I/AAAAAAAADeo/l67ZqZnRUO8QXIQi38bEXuxqHfVX0TV2gCJoC/w424-h318-n-rw/thumbnail8.jpg class=img-responsive>
<div class=content-title>
<div class=text-center>
<h3><a href=#>Niki Postingan Sing Kepisan Njeh, Perdana Ngoten</a></h3>
</div>
</div>
<div class=content-footer>
<img class=user-small-img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg>
<span style=font-size:16px;color:#fff>Sumit Kumar</span>
<span class=pull-right>
<a href=# data-toggle=tooltip data-placement=left title=Comments><i class="fa fa-comments"></i> 30</a>
<a href=# data-toggle=tooltip data-placement=right title=Loved><i class="fa fa-heart"></i> 20</a>
</span>
<div class=user-ditels>
<div class=user-img><img src=https://lh3.googleusercontent.com/-uwagl9sPHag/WM7WQa00ynI/AAAAAAAADtA/hio87ZnTpakcchDXNrKc_wlkHEcpH6vMwCJoC/w140-h148-p-rw/profile-pic.jpg class=img-responsive></div>
<span class=user-full-ditels>
<h3>Sumit Kumar</h3>
<p>Web & Graphics Disigner</p>
</span>
<div class=social-icon>
<a href=#><i class="fa fa-facebook" data-toggle=tooltip data-placement=bottom title=Facebook></i></a>
<a href=#><i class="fa fa-twitter" data-toggle=tooltip data-placement=bottom title=Twitter></i></a>
<a href=#><i class="fa fa-google-plus" data-toggle=tooltip data-placement=bottom title="Google Plus"></i></a>
<a href=#><i class="fa fa-youtube" data-toggle=tooltip data-placement=bottom title=Youtube></i></a>
<a href=#><i class="fa fa-github" data-toggle=tooltip data-placement=bottom title=Github></i></a>
</div>
</div>
</div>
</aside>
</div>
</div>
</div>


</div>
</div>

</section>

<footer>
<div class=splitter></div>
<ul>
<li>
<div class=icon data-icon=E></div>
<div class=text>
<h4>About</h4>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique justo eu sollicitudin pretium. Nam scelerisque arcu at dui porttitor, non viverra sapien pretium. Nunc nec dignissim nunc. Sed eget est purus. Sed convallis, metus in dictum feugiat, odio orci rhoncus metus. <a href=#>Read more</a></div>
</div>
</li>
<li>
<div class=icon data-icon=a></div>
<div class=text>
<h4>Archive</h4>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique justo eu sollicitudin pretium. Nam scelerisque arcu at dui porttitor, non viverra sapien pretium. Nunc nec dignissim nunc. Sed eget est purus. Sed convallis, metus in dictum feugiat, odio orci rhoncus metus. <a href=#>Read more</a></div>
</div>
</li>
<li>
<div class=icon data-icon=s></div>
<div class=text>
<h4>Cloud</h4>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tristique justo eu sollicitudin pretium. Nam scelerisque arcu at dui porttitor, non viverra sapien pretium. Nunc nec dignissim nunc. Sed eget est purus. Sed convallis, metus in dictum feugiat, odio orci rhoncus metus. <a href=#>Read more</a></div>
</div>
</li>
</ul>
<div class=bar>
<div class=bar-wrap>
<ul class=links>
<li><a href=#>Home</a></li>
<li><a href=#>License</a></li>
<li><a href=#>Contact Us</a></li>
<li><a href=#>Advertise</a></li>
<li><a href=#>About</a></li>
</ul>
<div class=social>
<a href=# class=fb>
<span data-icon=f class=icon></span>
<span class=info>
<span class=follow>Become a fan Facebook</span>
<span class=num>9,999</span>
</span>
</a>
<a href=# class=tw>
<span data-icon=T class=icon></span>
<span class=info>
<span class=follow>Follow us Twitter</span>
<span class=num>9,999</span>
</span>
</a>
<a href=# class=rss>
<span data-icon=R class=icon></span>
<span class=info>
<span class=follow>Subscribe RSS</span>
<span class=num>9,999</span>
</span>
</a>
</div>
<div class=clear></div>
<div class=copyright>&copy; 2014 All Rights Reserved</div>
</div>
</div>
</footer>


<script src=js/jquery-3.1.1.js></script>
<script src=js/bootstrap.js></script>
<script>$(document).ready(function(){$('[data-toggle="tooltip"]').tooltip()});var acc=document.getElementsByClassName("accordion");var i;for(i=0;i<acc.length;i++){acc[i].onclick=function(){this.classList.toggle("active");var a=this.nextElementSibling;if(a.style.maxHeight){a.style.maxHeight=null}else{a.style.maxHeight=a.scrollHeight+"px"}}};</script>

</body>
</html>

Add a comment
Know the answer?
Add Answer to:
please help me with this project subject: Web and Mobile Development You are to create a...
Your Answer:

Post as a guest

Your Name:

What's your source?

Earn Coins

Coins can be redeemed for fabulous gifts.

Not the answer you're looking for? Ask your own homework help question. Our experts will answer your question WITHIN MINUTES for Free.
Similar Homework Help Questions
  • Chapter 8 Exercise: Create a web page about the next place you would like to visit....

    Chapter 8 Exercise: Create a web page about the next place you would like to visit. Save the files as nextstop.html and nextstop.css. Include the follow­ing HTML5 elements: header, nav, main, figure, figcaption, article, and footer. Config­ure the text, color, and layout with CSS. Make sure you apply components of responsive web design to ensure it displays well on both desktop and smartphone browsers. Hint: Add the viewport meta tag, configure flexible images, and edit the CSS to configure a...

  • HTML Web Page project: Need help to create a web page exactly as the example below...

    HTML Web Page project: Need help to create a web page exactly as the example below using HTML. I need the source code. Page 1 of CA272 Midterm Welcome to your name's CA272 Midterm Text In this class, I learned how to... 1. create an X)HTML web page, where I can 2. change the size of my font, 3. change the color of my fonts, 4. change my font style, 5. and change the background color of my web page....

  • Could you create a website based on html and css? Details in the below: Note: You...

    Could you create a website based on html and css? Details in the below: Note: You can put link that I can download that folder Based on Project 2-1, do the necessary changes to have a webpage structure of a header, main, and footer sections. Then: •Set the width of the page to 700px •Use the font family starting with Verdana •Move one of the images from your Project 2-1 to the header. •Set the width of the header image...

  • Design an original, professional web site following the specifications listed below. This web sit...

    Design an original, professional web site following the specifications listed below. This web site will be for a business you plan to set up for yourself or for someone else. The following is a detailed list of the requirements for your web site. READ them carefully. Instructions - Web Site Requirements for the web site: General: You will thoroughly test all your pages in more than one browser. All links MUST work. All graphics must show on the page. All...

  • i need help with this homework webpage and code too: The webpage must include: Global Structure...

    i need help with this homework webpage and code too: The webpage must include: Global Structure Tags Text Tags Images   Your first page must be named index.html Include a table within your site, challenge yourself to add a header in the table, and choose interesting border and/or cell formatting. Include a hyperlink within your site. Include an image in your site. Include a form in your site to demonstrate understanding of a variety of form components (the form does not...

  • As part of this assignment we are using the base Gallery HTML and writing JavaScript code...

    As part of this assignment we are using the base Gallery HTML and writing JavaScript code that will: 1) preload the images provided to us, 2) Create rollover functionality for each of the thumbnails in your image gallery 3) Use appropriate images found in the images folder. 4) Write developer comments to describe the variables being declared and explain the functions and logical blocks of JavaScript code pertaining to the gallery. I know it has to be an external JS...

  • n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the...

    n the Labs Labs 1 and 2, which increase in difficulty, require you to create webpages based on what you learned in the chapter; Lab 3 requires you to dive deeper into a topic covered in the chapter. Lab 1: Creating an External Style Sheet for City Farmer Problem: You work for a local but rapidly growing gardening supply company called City Farmer that specializes in products that support food self-sufficiency. The company has hired you to help create the...

  • For milestone #1, we will start the CARIT site with three static HTML pages and a...

    For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work. Function/content requirements: A home page named “index.html”, which include these contents at least: Description of the center. You may reference the example sites. Latest news: use list tags; make up some...

  • CSET 3200 HOMEWORK 7 The resource to help you in this homework is located in Blackboard...

    CSET 3200 HOMEWORK 7 The resource to help you in this homework is located in Blackboard in the HTML Tutorial. Use Visual studio WEB Site to: Design a website for an institution; Rocket University. The website must contain the following links tabbed next to each other: 1. About. When one clicks on this link, it gives a brief description about Rocket University, the address of Rocket University, and a background image. Come up with your own description. 2. Academics. When...

  • Please help: For this project, you will create a shape drawing program using Turtle graphics. Your...

    Please help: For this project, you will create a shape drawing program using Turtle graphics. Your program will begin by asking the user how many points they would like to enter (# of vertices for the shape). Next, you will use a loop to input each X and Y coordinate and store these coordinates in lists. After inputting all of the coordinates, create a second loop that will draw and fill the shape using the coordinates that were entered. All...

ADVERTISEMENT
Free Homework Help App
Download From Google Play
Scan Your Homework
to Get Instant Free Answers
Need Online Homework Help?
Ask a Question
Get Answers For Free
Most questions answered within 3 hours.
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT