A Pen by Adz

Developer
Adz
Size
5,146 Kb
Views
10,120
  1. A Pen by Adz Previews
  2. A Pen by Adz HTML Codes
  3. A Pen by Adz CSS Codes
  4. A Pen by Adz JS Codes

How do I make an a pen by adz?

What is a a pen by adz? How do you make a a pen by adz? This script and codes were developed by Adz on 04 November 2022, Friday.

A Pen by Adz Previews
IQ Test

A Pen by Adz - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Adz</title> <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <div class="example"> <nav id="NavBar" class="navbar navbar-default" role="navigation"> <div class="container-fixed"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#NAVBAR"><!--condenses navi links into box for small screens--> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </a> </div> <!--closes navbar header--> <div class="collapse navbar-collapse" id="NAVBAR"> <ul class="nav navbar-nav "> <li><a href="#">HOME</a></li> <li><a href="#port">PORT</a></li> <li><a href="#ContactMe">CONTACT</a></li> </ul> </div> <!-- navbar collapse--> </div> <!--container-fluid--> </nav>
<div class="container"> <div class="intro container-fluid text-center"> <h1>Adeola Adesida</h1> <img class="img-responsive img-circle girl center-block" src="http://worldartsme.com/images/african-girls-playing-clipart-1.jpg"> <br> <p>
<p>Welcome to my portfolio!<br> I build websites and apps that are clean, functional, artistic, and user-friendly. <br> <div id="line"></div> <br><br> <div class="canDoGroup"> <div class="col-xs-12 col-sm-4 canDo"><p><span class="glyphicon glyphicon-phone"></span><h3>Development</h3>
<p>Responsive, mobile-friendly websites and applications based on HTML, CSS, and JavaScript libraries and frameworks.
</div> <div class="col-xs-12 col-sm-4 canDo"><span class="glyphicon glyphicon-pencil"></span><h3>Design</h3> <p> UI/UX design, Graphic Design, and Photo Editing. I also customize WordPress themes.</div> <div class="col-xs-12 col-sm-4 canDo"> <span class="glyphicon glyphicon-user"></span><h3>Social Media</h3> <p>Driving brand awareness by acquiring and engaging with followers, blogging, and SEO keywords for site traffic.</p>
</div> </div> <div class="skillzGroup" style="border-top:40px solid white;"> <h3>Tools I Use:</h3>
<span id="skillz">HTML5 * </span> <span id="skillz">CSS3 * </span> <span id="skillz">JavaScript * </span> <span id="skillz">jQuery * </span> <span id="skillz">Angular * </span>
<span id="skillz">Bootstrap * </span> <span id="skillz">WordPress * </span> <span id="skillz">Photoshop * </span> <span id="skillz">Illustrator </span> </div></div> </div> <!-- row intro --> <div class=" portText container-fluid text-center" id="port"> <h1 class="text-center">Portfolio</h1> <div>
<span class=" works"> <a href="https://codepen.io/aadesida/full/ZOERzJ/"> <img class="img-responsive" src="https://s19.postimg.org/lyokzqr4j/Screen_Shot_2016_10_21_at_5_15_56_PM.png"></a> <caption><h4><b> LS Stone Masonry</b></h4> <p>FrontEnd Development - Web Design</p> </caption> </span>
<span class="works"> <a href="https://codepen.io/aadesida/full/NRBBkm"> <img class="img-responsive" src="https://s19.postimg.org/wk8gbqxg3/Screen_Shot_2016_10_21_at_8_52_17_PM.pngg"></a> <caption><h4>Angular Store</h4> <p> Web Design - FrontEnd Development </p>
</caption> </span> </div>
<div class="works"> <a href="https://codepen.io/aadesida/full/PGPyVp"> <img class="img-responsive" src="https://s19.postimg.org/5p30al5ub/Screen_Shot_2016_10_21_at_5_15_30_PM.png"></a> <caption><h4><b> WikiPedia Viewer</b></h4> <p> Web Design - FrontEnd Development</p> <h6> I did this, this and then I did this. Pretty cool, yah? Ok!</h6></caption> </div>
<div class="row">
<div class="works"> <a href="https://codepen.io/aadesida/full/EgjJBZ"> <img class="img-responsive" src="https://s19.postimg.org/s64kdnc9f/Screen_Shot_2016_10_21_at_5_10_43_PM.png" ></a> <caption><h4><b>Quote Generator</b></h4> <p> Web Design - FrontEnd Development</p> <h6> I did this, this and then I did this.<br><br></h6></caption> </div>
<div class="works"> <a href="https://codepen.io/aadesida/full/JRjJxB"> <img class="img-responsive" src="https://s19.postimg.org/t4kxfxplf/Screen_Shot_2016_10_21_at_5_14_15_PM.png" ></a> <caption><h4><b> Calculator</b></h4> <p> Design/ FrontEnd Development</p> <h6> Web/Graphic Design - FrontEnd Development - Social Media. I did this, this and then I did this. Pretty cool.</h6></caption> </div>
<div class="works"> <a href="https://codepen.io/aadesida/full/xVvjOj/"> <img class="img-responsive" src="https://s19.postimg.org/emnq7xyab/Screen_Shot_2016_10_21_at_5_13_35_PM.png"></a> <caption><h4><b>Google Search Mock</b></h4> <p>FrontEnd Development</p> <h6> I did this, this and then I did this. Pretty cool, yah? Ok! Also some other stuff, but it's semi important.Click for More Details</h6></caption> </div> </div>
</div> <div class="AboutAround container-fluid text-center center-block" id="ContactMe"> <h1>CONTACT</h1> <br> <div class="col-xs-12 col-sm-6"> <p> Have an idea for a website? Looking to hire? I currently seek new opportunities and would love to hear from you!</p> <a href="mailto:[email protected]?subject=Message from a Portfolio Visitor!"><button class=btn btn-primary style="width:100%;"> <span class="glyphicon glyphicon-envelope"></span>&nbsp <b>Email</b></button></a> <br><br><br><br><br> </div> <div class="col-xs-12 col-sm-6"> <p>CONNECT ON THE WEB </p> <p><a href="https://www.freecodecamp.com/fcc58641c2b" class="btn btn-circle-lg" > <i class="fa fa-fire" aria-hidden="true"></i>
</a> <a href="https://soundcloud.com/aadesida" class="btn btn-circle-lg" style="padding:4% 3%;"> <i class="fa fa-soundcloud" aria-hidden="true"></i>
</a> <a href="https://twitter.com/AdeLaLaah" class="btn btn-circle-lg"> <i class="fa fa-twitter"></i> </a> <a href="https://codepen.io/aadesida/#" class="btn btn-circle-lg"> <i class="fa fa-codepen" aria-hidden="true"></i>
</a> </div> <br> <br> <div class="col-xs-12"><h5> This site was made with <span class="glyphicon glyphicon-headphones"></span> and <span class="glyphicon glyphicon-heart"></span> <p>by <a href=#>Adeola Adesida</a><p>&copy; Copyright | 2016</p> </div> </div> <!-- closes container --> <!--PopUp Window for later(Ang) <a href="#sample">
<div class="overlay" id="sample"> <div class="popup">	<a class="close" href="#">&times;</a> Link Goes Here; </div> </div><!-- closes example--> </body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Adz - Script Codes CSS Codes

@import 'https://fonts.googleapis.com/css?family=Bungee+Inline|Open+Sans|Pacifico';
@import 'https://fonts.googleapis.com/css?family=Bungee+Inline|Open+Sans|Pacifico'; @import url(https://fonts.googleapis.com/css?family=Permanent+Marker); @import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One); @import url(https://fonts.googleapis.com/css?family=Oswald); @import url(https://fonts.googleapis.com/css?family=Poiret+One); @import url(https://fonts.googleapis.com/css?family=Share+Tech);
@import
url(https://fonts.googleapis.com/css?family=Candal);
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');
@import url('https://fonts.googleapis.com/css?family=IM+Fell+English+SC');
/*
h2:
Nothing+You+Could+Do*/
*, *:before, *:after { box-sizing: border-box; letter-spacing:1px;
}
body{}
#skillz{font-size:100%; display:inline;}
li{font-size:120%; font-weight:bold; }
.skillzGroup{clear:left;}
h3,h4{font-family: "Nothing You Could Do";}
h1{ margin:5% auto; font-size:300%; font-weight:bold; font-family: "Nothing You Could Do";
}
p{ font-size:130%;
}
h1, h2, h3, h4 { text-transform:uppercase; text-align:center;
}
.canDo p{ font-size:100%; color:grey; font-family: "Poiret One";
}
h4{ text-transform: uppercase; font-size:180%;
}
.portText p { font-family: "Poiret One";
}
body { background-color:white; font-family: "Poiret One";
}
.navbar, .panel-footer { border: none; color: #999999;
}
.girl{ width:150px; margin: auto; display:none;
}
.intro { padding-bottom:10%; }
h6{ font-size: 100%; display: none;
}
.canDo { margin:1% auto; padding: 0px;
} .canDo .glyphicon { font-size:60px; margin: 20px auto; color: #737373;
}
.intro .glyphicon:hover { color:#000002;
}
.portText { color:#ffffff; background-color:#404040; padding:60px;
}
.works{ display:inline; float:left; margin: 3%; width:100%;
}
.works img{ margin:5% auto; width: 100%; text-align:center; border-radius:5%;
}
.img-rounded, .img-circle{ border: 1px solid #292929;
}
img:hover { box-shadow: 5px 1px 10px #292929;
}
h2 { margin:3%; font-size:35px;
}
h2:hover,h3:hover { color:#292929; text-shadow:2px 2px 5px grey;
}
input, textarea{ border:none; background-color:#26A38C; border-bottom: 1px solid #292929; font-size: 20px; width:100%; color:white;
}
input:focus, textarea:focus { background-color: white; color:#292929;
}
.AboutAround { width:100%; margin:0px; padding:70px 70px; box-shadow: 10px 10px 10px grey; background-color:#0d0d0d; color:white;
}
.btn {border: none; background-color:white; color: #292929;}
.btn:hover {background-color:#292929; color:white;}
.btn-circle-lg {border-radius: 100%; padding:4%; text-align:center;}
.btn-circle-lg:hover {background-color:#292929;}
.overlay { position: fixed; z-index:3; padding:0px; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; overflow:auto;
}
.overlay:target { visibility: visible; opacity: 1;
}
.popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #333;
}
.popup { margin: 70px auto; padding: 20px; background: #fff; border-radius: 5px; width: 50%; position: relative; transition: all 5s ease-in-out;
}
#line {border-bottom:1px solid grey; width:33%; margin: 5% auto 0;}

A Pen by Adz - Script Codes JS Codes

/*
Nothing
Candal
Im fell
http://justmeandyoukid.com/wp-content/uploads/2015/03/whyrepmatters-300x286.jpg
*/
A Pen by Adz - Script Codes
A Pen by Adz - Script Codes
Home Page Home
Developer Adz
Username aadesida
Uploaded November 04, 2022
Rating 3
Size 5,146 Kb
Views 10,120
Do you need developer help for A Pen by Adz?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Adz (aadesida) Script Codes
Name
OA
LSStone STONEWORK
Google Search Mock
QuoteMachine
Playful Port
SoundCloud Maker
AngularJS Shop Layout
TwitchTV
LSStone Hardscape Walls
Etch
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!