Portfolio

Developer
Andy
Size
5,542 Kb
Views
12,144
  1. Portfolio Previews
  2. Portfolio HTML Codes
  3. Portfolio CSS Codes

How do I make an portfolio?

What is a portfolio? How do you make a portfolio? This script and codes were developed by Andy on 26 December 2022, Monday.

Portfolio Previews
IQ Test

Portfolio - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Portfolio</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head>	<title>AndyGirl Web Design</title>	<link href="https://fonts.googleapis.com/css?family=Tangerine:400,700" rel="stylesheet">	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="Portfolio.css">
</head>
<body>
<nav class="navbar navbar-default"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" id="brand" href="#">AndyGirl Web Design <hr class="menu-logo"></hr></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="https://github.com/Andygirl" target="_blank"><i class="fa fa-github-square fa-2x" aria-hidden="true"></i></a></li> <li><a href="https://www.linkedin.com/in/andrea-hall-3b1215123" target="_blank"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i></a></li> <li><a href="https://twitter.com/andygirlcodes" target="_blank"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="#aboutme">About Me</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#contact">Contact Me</a></li> </ul> </li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid -->
</nav>
<div class="container">	<div class="jumbotron">	<h1>AndyGirl Web Design</h1>	<hr class="jumbo"></hr>	<h3>Hi! I'm Andy and I love building websites.</h3>	<h4 class="arrow">	&dArr;</h4>	</div>
<div class="container">
<div class="col-lg-6" id="aboutme">	<h3>Hi! I'm Andy, and I love building websites and learning to code.</h3>	<p>I design, redesign, market, update, and maintain websites using WordPress, Weebly, Squarespace, and Shopify. I write copy for clients on their pages, blogs, and social media outlets. I am also an SEO and social media expert. I enjoy the technical and design aspect of creating websites and getting customers to those websites. I have great relationships with clients and believe that communication is key to us achieving our goals together.</p>	<p>When I'm not learning, coding, and playing with websites, I am out hiking with my husband and dog, working out, or voraciously reading books on my Kindle. (My husband calls my Kindle "the other man")</p>
</div>
<div class="col-lg-6 imageme" id="me">
<img src="http://gdurl.com/y3Pg">
</div>
</div>	<h2>Portfolio</h2>	<h4>New Websites</h4>
<div class="row" id="portfolio">	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/eyvx">	<a href="http://www.danielfraimanconstruction.com/" target="_blank">Daniel Fraiman Construction</a>	<p>This website showcases the beautiful custom construction Daniel Fraiman Construction does. I also do monthly updates and maintenance to keep the website working properly.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/bjCK">	<a href="http://tahoelux.com/" target="_blank">Leeder-Westall Group</a>	<p>This website showcases amazing images for the Leeder-Westall Group that sells luxury Lake Tahoe real estate.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/RgIc">	<a href="http://www.truckeewebdesign.com/" target="_blank">Truckee Web Design</a>	<p>I worked for this company as an independent contractor while helping create this website. I wrote the copy for most of the service pages as well. I also wrote the "Local SEO Services to Get More Traffic to Your Website" blog post.</p>	</div>	</div>	<br>
<div class="redesigns col-lg-12">	<h4>Website Redesigns</h4>
</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/w0-h">	<a href="http://truckeetahoelaw.com/" target="_blank">Alison Bermant Attorney at Law</a>	<p>This website redesign was fun. It represents the client's love of the outdoors and is much more visually appealing than her old site while having more information that is easily accessible.	</div></p>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/NQHT">	<a href="http://www.summitbusinessmarketing.com/" target="_blank">Summit Business Marketing</a>	<p>This website was a complete wreck when I first started. By working together, we were able to establish a clear goal that represents their company.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/JiKQ">	<a href="http://alpenglowcleaning.com/" target="_blank">Alpenglow Cleaning</a>	<p>Another fun website redesign. The client wanted their forms available online for clients and I added quite a bit of content throughout the website to showcase their work.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/A8kM">	<a href="https://breakawaybusinesscoaching.com/" target="_blank">Breakaway Business Coaching</a>	<p>This client had started the website, but had run into some trouble. I'm glad I was able to help get the website back into shape and get her their message out there for people.</p>	</div>	</div>	<div class="seo col-lg-12">	<h4>SEO</h4>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/CHjm">	<a href="http://desdental.com/" target="_blank">Dental Equipment Specialists</a>	<p>This website is very product heavy and I did ongoing SEO and product optimization for many months and was able to get him on the first page of Google for many of those products. I also wrote the About Us page for the client.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/PMnJ">	<a href="http://www.westallrealestate.com/" target="_blank">North Lake Tahoe Real Estate</a>	<p>This is an ongoing SEO client. Real Estate in our area is super competitive and we continue to be ranked as one of the highest on Google. I also help with their social media and add and optimize content as needed.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/JiKQ">	<a href="http://alpenglowcleaning.com/" target="_blank">Alpenglow Cleaning</a>	<p>While doing the redesign of this website, I was also responsible for their SEO. This required adding keyword content and finding their niche for getting onto the first page of Google. I did the SEO over time and gained significant improvement for them.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/oGzO">	<a href="http://www.truckeetahoemassage.com/" target="_blank">Truckee Massage and Yoga</a>	<p>This client writes fabulous content that just needed to be tweaked a bit for keywords specific to her industry. I wanted a massage after doing the SEO because of the fabulous images and genuine caring that comes across on the website.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/YlCB">	<a href="https://tahoegal.com/" target="_blank">Tahoe Gal</a>	<p>The rankings that SEO did for this client were nothing short of amazing. I did the SEO over a few weeks and they are still consistently ranking on the first page of Google.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/5ZDG">	<a href="http://www.tahoegreenhomecare.com/#welcome-home" target="_blank">Tahoe Green Homecare</a>	<p>Improvement of specific keywords were important to this eco-friendly home cleaning and property caretaking company. The site was already beautiful, but some important changes needed to be made to improve rankings.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/RgIc">	<a href="http://www.truckeewebdesign.com/" target="_blank">Truckee Web Design</a>	<p>I worked for this company as an independent contractor while helping create this website. I wrote the copy for most of the service pages as well. I also wrote the "Local SEO Services to Get More Traffic to Your Website" blog post. While creating the pages, I did SEO to make sure this site ranked well.</p>	</div>	</div>
<div class="projects col-lg-12">	<h4>Projects</h4>
</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/Cm9F">	<p>This was a project for my WordPress Developer Blueprint. We had a fake client and customized the theme and plugins to fit their specific needs.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/HcHJ">	<p>This was a project for my WordPress Developer Blueprint. I created a personal web site with a custom theme.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/kbLp">	<a href="https://codepen.io/Andygirl/pen/BzrLNX" target="_blank">Random Quote Machine</a>	<p>This Random Quote Machine was designed and developed for a Free Code Camp project using HTML, CSS, Bootstrap, JavaScript and jQuery.</p>	</div>	</div>	<div class="col-lg-4 col-sm-6">	<div class="thumbnail">	<img src="http://gdurl.com/5-NA">	<a href="https://codepen.io/Andygirl/pen/AXYwwq" target="_blank">Nina Simone Tribute Page</a>	<p>This Tribute Page was designed and developed for a Free Code Camp project using HTML, CSS and Bootstrap.</p>	</div>	</div>
</div>
<div id="contact">	<div class="col-md-6">	<form action="mailto:[email protected]" enctype="text/plain">	<div class="form-group">	<label for="exampleInputEmail1">Email address</label>	<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"><br>	<textarea class="form-control" rows="3" placeholder="What would you like to talk about?"></textarea>	</div><br>	<button type="submit" class="btn btn-default">Submit</button>	</form>	</div>	<div class="col-md-6">	<p class="form-invite">To contact me, just fill out the form on the left (it doesn't work yet, but will soon!). I'm happy to chat about anything having to do with coding, web design, CMSes and/or computer related topics. All the cool, geeky things! You can also <a href="mailto:[email protected]">email me</a>.</p>	</div> </div>
</div>
<div> <p class="footer">Designed by AndyGirl</p>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
</body>
</html>

Portfolio - Script Codes CSS Codes

.nav navbar-nav {	margin-left: 400px;
}
#brand { font-family: "Tangerine", cursive;	font-size: 2em;
}
.jumbotron {	background: url(http://gdurl.com/5avw);	background-size: cover;	background-position: center;	max-width: 100%;	height: 800px;	text-align: center;	padding-top: 30%;	text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
.jumbotron h1 {	font-family: "Tangerine", cursive;	font-weight: 700;	font-size: 5em;	padding-left: 100px; margin-top: 300px;
}
.jumbotron h3 {	font-family: "Tangerine", cursive;	font-weight: 400;	font-size: 3em;	padding-left: 100px;
}
.menu-logo {	display: block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; width: 250px; padding-top: 10px; margin-left: -40px; text-align: center;
}
.jumbo { display: inline-block; content: ""; height: 30px; margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; width: 50%; margin-left: 10%;
}
.arrow {	padding-left: 100px;
}
.form-invite {	padding-top: 20px;
}
#me {	text-align: center;
}
.btn btn-default {	padding-bottom: 20px;
}
.footer {	text-align: center;	font-family: "Tangerine", cursive;	font-size: 2em;	padding-top: 20px;
}
Portfolio - Script Codes
Portfolio - Script Codes
Home Page Home
Developer Andy
Username Andygirl
Uploaded December 26, 2022
Rating 3
Size 5,542 Kb
Views 12,144
Do you need developer help for Portfolio?

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!

Andy (Andygirl) Script Codes
Name
SelectorsExercise
RGB GAME
Show the local weather
Learning Bootstrap Grid System
Patatap Clone
Blog demo to use given styling
Html_table-quiz
Photo blog exercise
Todo list
Circles
Create amazing Facebook ads 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!