/
home
/
desid573
/
cf.desidrivers.com.au
/
social
/
/home/desid573/cf.desidrivers.com.au/social
mkdir
upload
Name
Size
Mode
Actions
index.html
19715
0644
edit
dl
rm
style.css
34
0644
edit
dl
rm
Edit:
/home/desid573/cf.desidrivers.com.au/social/index.html
(19715B)
<!DOCTYPE html> <html> <head> <title>My Instagram Photos Feed With Bootstrap</title> <link rel="stylesheet" href="style.css" type="text/css" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> </head> <body> <nav class="navbar navbar-light sticky-top bg-light"> <a class="navbar-brand" href="#"><i class="fab fa-instagram"></i> Instagram</a> <ul class="nav "> <li class="nav-item"> <button type="button" class="btn btn-primary btn-md btn-success"data-toggle="modal" data-target="#exampleModal">Create a new post</button> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"><i class="fas fa-cogs"></i></a> <div class="dropdown-menu dropdown-menu-right"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Log Out</a> </div> </li> </ul> </nav> <!-- Modal Begin --> <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-body "> <textarea class="form-control" aria-label="With textarea"></textarea> <!--<input class="form-control mr-sm-2 custom-search-modal" type="search" placeholder="" aria-label="Search">--> <i class="fas fa-camera-retro p-1 border rounded mt-1" ></i> <i class="fas fa-map-marker-alt p-1 border rounded mt-1" ></i> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Cancel</button> <button type="button" class="btn btn-success btn-sm">Publish</button> </div> </div> </div> </div> <!-- modal end --> <div class="container-fluid "> <!-- Nav pills --> <ul class="nav nav-pills justify-content-center mt-4" role="tablist"> <li class="nav-item"> <a class="nav-link" data-toggle="pill" href="#home"><i class="fa fa-square" aria-hidden="true"></i></a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="pill" href="#menu2"><i class="fa fa-th" aria-hidden="true"></i></a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div id="home" class="container-fluid tab-pane active "><br> <div class="row justify-content-center"> <div class=""> <div class="card mx-auto custom-card" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My first post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/images.php?blob&tags=bobdylan" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My Second post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/funny/kids.jpg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My Third post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/happy/bucket.jpeg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My fourth post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/funny/rigoberto.jpg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My fifth post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/meme/borat.success.jpg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My sixth post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/meme/baby.success.jpg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My seventh post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/funny/scared-baby.jpg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My eighth post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/happy/happy-dog2.jpg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> <div class="card mx-auto custom-card mt-3" id="prova"> <div class="row post-header col-12 py-2 px-3"> <div class="col-6 float-left "><h4>My ninth post</h4></div> <div class="col-6 float-right text-right post-number"><h4>12/14</h4></div> </div> <img class="card-img" src="https://assets.breatheco.de/apis/img/happy/happy-dog.jpg" alt="Card image cap"> <div class="card-body px-3"> <h5 class="card-title">1000 Likes</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div> <div class="row post-header px-3 pb-3"> <div class="col-1 float-left text-left"><i class="far fa-heart"></i></i></div> <div class="col-10 float-left text-left">Comment...</div> <div class="col-1 float-right text-right"><i class="fa fa-ellipsis-v" aria-hidden="true"></i></div> </div> </div> </div> </div> </div> <div id="menu2" class="container-fluid tab-pane fade"><br> <div class="row "> <div class="col-md-4 col-sm-6 px-1 my-1 "> <img src="https://assets.breatheco.de/apis/img/images.php?blob&tags=bobdylan" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1 "> <img src="https://assets.breatheco.de/apis/img/funny/kids.jpg" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1 "> <img src="https://assets.breatheco.de/apis/img/happy/bucket.jpeg" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1 "> <img src="https://assets.breatheco.de/apis/img/funny/rigoberto.jpg" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1"> <img src="https://assets.breatheco.de/apis/img/meme/borat.success.jpg" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1"> <img src="https://assets.breatheco.de/apis/img/meme/baby.success.jpg" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1"> <img src="https://assets.breatheco.de/apis/img/funny/scared-baby.jpg" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1"> <img src="https://assets.breatheco.de/apis/img/happy/happy-dog2.jpg" alt="Card image cap" width="100%" height="350px"> </div> <div class="col-md-4 col-sm-6 px-1 my-1"> <img src="https://assets.breatheco.de/apis/img/happy/happy-dog.jpg" alt="Card image cap" width="100%" height="350px"> </div> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> </html>
Save
cmd:
run