Apr 14, 2017
Tried to experiment with a more graphic approach today.
Loading...
seen from United States
seen from United States
seen from United States
seen from China
seen from China
seen from United States
seen from United States
seen from Indonesia
seen from Curaçao
seen from United States
seen from United States
seen from United States
seen from United States
seen from Malaysia
seen from Malaysia
seen from Malaysia
seen from United States
seen from Saudi Arabia
seen from United States
seen from Australia
Tried to experiment with a more graphic approach today.
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
In-class painting experimentation.
professor admitting she could tell two authors of the paper were 1. into each other 2. gay 3. hiding it. amazing things happening. i NEED to fujo out w her
In the class MMCC2100 Public Relations and Social Media: Foundation and Cases, we had to conduct a media kit for an Australian organisation aiding in the recovery of the Australian Bushfires. During this assessment, I had the opportunity of working in a group and we came up with successful initiatives, media and public relations strategies that aligned with the organisation’s key publics. As part of the media kit, I was to complete a media release which outlined the organisation’s objectives and the ways in which the project will help the recovery process in Bateman’s Bay (which was a heavily affected town). Upon completing the media release, I gained skills such as recognising an organisation’s key publics and aligning accurate media strategies to said publics, as well as effectively communication vital information through the use of a media release, which will definitely come in handy in a professional social media or PR work environment. These skills have opened my eyes to real world possibilities that can be applied not only in the classroom, but outside of the classroom as well.Â
jquery
<!doctype html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.4.1.min.js"></script> <style> /*Changes cursor to a finger*/ #myspecial, #rebel{cursor:pointer;} #rebel {position:relative;left:0;} #mylogo{background:red; width:20px; webkit-transition:width 5s; transition:width 5s; font-size:20px;} #mylogo.expand{width:600px;} </style> <script> //opening jquery comm
$(document).ready( function(){ //process more functions $("mylogo").addClass("expand"); $("#mylogo").html("Yoo!2019"); $("mylogo").click( function(){ if($(this).hasClass("expand")){ $(this).removeClass("expand");} else{ $(this).addClass("expand"); } }); $("#myspecial").click( function(){ $("#mylogo").hide(); } ); //variable this changes the position. origin plus 10 var catX=0; var dir=50; $("#rebel").click( function(){ if(catX>500){ dir= -50; } if(catX<0){ dir = 50; } catX=catX+dir; $("#mylogo").show(); $(this).css( {left:catX +"px"} ); } ); } ); </script>
<title>jquery</title> </head>
<body> <h1 id="mylogo">Tomato</h1> <div id="myspecial"> <img src="../w7/logo.png" alt="H&M" width="200"/> </div> <div id="rebel">SHOW ME</div> </body> </html>
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Sliding carousel, responsive images, modals, cards
<!doctype html> <html> <head> <meta charset="utf-8"> <title>colaapsible nav modal carousel</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> Â /* Make the image fully responsive */ Â .carousel-inner img {width: 100%; height: 100%;} Â </style> </head> <body> <nav class="navbar navbar-expand-md bg-dark navbar-dark fixed-bottom"> <a class="navbar-brand" href="#">H&M</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> Â Â <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="collapsibleNavbar"> Â Â <ul class="navbar-nav"> Â Â Â <li class="nav-item"> Â Â Â <a class="nav-link" href="#">the campaign</a> Â Â Â </li> Â Â Â <li class="nav-item"> Â Â Â Â <a class="nav-link" href="#">the event</a> Â Â Â </li> <li class="nav-item"> <a class="nav-link" href="#">the store</a> </li> Â Â </ul> Â </div> Â </nav> <br>
<div id="demo" class="carousel slide" data-ride="carousel">
 <!-- Indicators -->  <ul class="carousel-indicators">   <li data-target="#demo" data-slide-to="0" class="active"></li>   <li data-target="#demo" data-slide-to="1"></li>   <li data-target="#demo" data-slide-to="2"></li>  </ul>
 <!-- The slideshow -->  <div class="carousel-inner">   <div class="carousel-item active">    <img src="IMG/la.jpg" alt="Los Angeles" width="1100" height="500">   </div>   <div class="carousel-item">    <img src="IMG/header-face.png" alt="Chicago" width="1100" height="500">   </div>   <div class="carousel-item">    <img src="IMG/ny.jpg" alt="New York" width="1100" height="500">   </div>  </div>
 <!-- Left and right controls -->  <a class="carousel-control-prev" href="#demo" data-slide="prev">   <span class="carousel-control-prev-icon"></span>  </a>  <a class="carousel-control-next" href="#demo" data-slide="next">   <span class="carousel-control-next-icon"></span>  </a> </div> <div class="container"> <div class="row"> <div class="col-md-4 bg-dark">column 1 <br><button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal"></button> </div> <div class="col-md-4 bg-warning">column 2 <div class="card">  <img class="card-img-top" src="IMG/img_avatar1.png" alt="Card image">  <div class="card-body">   <h4 class="card-title">John Doe</h4>   <p class="card-text">Some example text.</p>   <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#myModal">See Profile</a>  </div> </div> </div> <div class="col-md-4 bg-danger">column 3</div> </div>
</div>
<div class="modal" id="myModal"> Â Â <div class="modal-dialog"> Â Â Â <div class="modal-content">
    <!-- Modal Header -->     <div class="modal-header">      <h4 class="modal-title">Modal Heading</h4>      <button type="button" class="close" data-dismiss="modal">×</button>     </div>
    <!-- Modal body -->     <div class="modal-body">      <img src="IMG/chicago.jpg" alt="Chicago" width="70%" height=""><br>Modal body..     </div>
    <!-- Modal footer -->     <div class="modal-footer">      <button type="button" class="btn btn-danger" data-dismiss="modal">bye</button>     </div>
   </div>   </div>  </div> </body>
</html>
Bootstrap: navbar, button, linking libraries: js + fontawesome, responsive grid
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/all.min.css">
<style> .btn-danger {background-color:#1D4830; border: 0;} .col {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"} .col-sm-6 {color: brown;} .col-md {color:brown;} .fa-genderless {font-size:20px;} </style> </head>
<body> <nav class="nav-bar navbar-expand-sm bg-dark navbar-dark"> <a class="navbar-brand" href="#"> <img src="logo.png" alt="" style="width:40px;">H&M </a> <div> <ul class="navbar-nav"> <li class="nav-item"><a class="nav-link" href="#"> <i class="fas fa-genderless"></i>About</a></li> <li class="nav-item"><a class="nav-link" href="#">Contact</a></li> </ul> </div> </nav> <div class="container-fluid"> <h1>Title</h1> <p>Little words</p> <button type="button" class="btn btn-danger">Primary</button> <button type="button" class="btn btn-info">Info</button> </div> <div class="row bg-light"> <div class="col">This</div> <div class="col">Could</div> <div class="col">Be</div> <div class="col">Pics</div> </div> <div class="row bg-dark"> <div class="col-sm-6">super</div> <div class="col-md">man</div> </div> <div class="row bg-warning"> <div class="col-lg-4">piss</div> <div class="col-md-7">man</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.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script> </body> </html>