Thomas Bailey Portfolio 2

Developer
Thomas Bailey
Size
3,655 Kb
Views
12,144
  1. Thomas Bailey Portfolio 2 Previews
  2. Thomas Bailey Portfolio 2 HTML Codes
  3. Thomas Bailey Portfolio 2 CSS Codes
  4. Thomas Bailey Portfolio 2 JS Codes

How do I make an thomas bailey portfolio 2?

What is a thomas bailey portfolio 2? How do you make a thomas bailey portfolio 2? This script and codes were developed by Thomas Bailey on 23 November 2022, Wednesday.

Thomas Bailey Portfolio 2 Previews
IQ Test

Thomas Bailey Portfolio 2 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Thomas Bailey Portfolio 2</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>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<html>
<header id="nav-fixed-top">
<div class="navbar">
<nav class="navbar navbar-default"> <div class="container"> <div class="col-sm-12"> <div class="navbar-header"> <a class="navbar-brand" href="#">Thomas Bailey</a> </div> <ul class="nav navbar-nav pull-right"> <li><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#contact">Contact</a></li> </ul> </div>
</nav> </div> </div> </header> <body data-spy="scroll" data-target='.nav'>
<div class="container"> <div class="home" id="home"> <p>hidden</p> <div class="about" id="about"> <div class="row"> <div class="col-md-8"> <h3>Aspiring Front-End Developer learning to code to pursue a passion and career in web development. <hr>
Master's degree in Industrial and Organizational Psychology gives me a unique perspective into the Web Development field, combining business and people knowledge with technical skill. </h3> </div> <div class="col-md-3 col-md-offset-1"> <img src="https://media.licdn.com/mpr/mpr/shrinknp_400_400/AAEAAQAAAAAAAAisAAAAJGIzNTMxZjg3LWQwN2ItNDQ5MC1iYzQxLWM3Y2Y2OTAwNjE5Mg.jpg" class="img-circle img-responsive" alt="Thomas Bailey"> </div> </div> </div> <div class="portfolio" id="portfolio"> <div class="row"> <div class="col-sm-12"> <h2 class="text-center text-uppercase">Portfolio</h2> <hr> </div> </div> <div class="row"> <div class="col-md-6"> <div class="thumbnail"> <img src="https://i.imgur.com/i2ulOwo.jpg" class="img-responsive" alt="Tiger Woods tribute site"> <div class="caption" style="padding-bottom: 0px"> <h4 class="text-center"><a href="https://codepen.io/baileytj/pen/aBPxQV" target="_blank">Tiger Woods Tribute Page</a></h4> </div> </div> </div> <div class="col-md-6"> <div class="thumbnail"> <img src="https://i.imgur.com/1qLpiaY.png" class="img-responsive" alt="Tiger Woods tribute site"> <div class="caption" style="padding-bottom: 0px"> <h4 class="text-center"><a href="http://www.nevermoreturalyon.com" target="_blank">Nevermore Guild Website</a></h4> </div> </div> </div> </div> </div> <div class="contact" id="contact"> <div class="row"> <h2 class="text-center text-uppercase">Contact Me</h2> <hr> <div class="col-md-6"> <div class="form-group"> <label for="name">Contact Information</label> <input type="name" class="form-control" id="name" placeholder="Name"> </div> <div class="form-group"> <input type="email" class="form-control" id="email" placeholder="Email Address"> </div> <div class="form-group"> <input type="phone" class="form-control" id="phone" placeholder="Phone Number"> </div> <div class="form-group"> <textarea class="form-control" rows="5" placeholder="Message"></textarea> </div> <button type="submit" class="btn btn-default">Send</button> </div> <div class="col-md-5 col-md-offset-1"> <h3>Want to contact me? Feel free to fill out the form to the left whether it be about jobs or just talking about my experiences. You can also reach me at any of the social media platforms linked below. I will respond as soon as I can!</h3> </div> </div> </div> <div class="footer"> <div class="text-center center-block"> <a href="https://www.facebook.com/tj.bailey.144" target="_blank"><i id="social-fb" class="fa fa-facebook-square fa-3x social"></i></a> <a href="https://www.linkedin.com/in/thomas-j-bailey" target="_blank"><i id="social-gp" class="fa fa-linkedin-square fa-3x social"></i></a> <a href="mailto:[email protected]" target="_blank"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a>
</div>
</div> </div> </body>
</html> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Thomas Bailey Portfolio 2 - Script Codes CSS Codes

body { background-color: #e0e0e0; font-family: 'Roboto', sans-serif; position: relative;
}
.navbar { margin: 0px; position: fixed; width: 100%; z-index: 1;
}
.navbar { border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
.about { background-color: #676768; color: #fff; padding: 35px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
.portfolio { background-color: #fff; color: #676768; padding: 10px; border-style: solid; border-width: 1px; border-color: #e0e0e0;
}
.contact { background-color: #fff; color: #676768; padding: 10px; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
.footer { background-color: #e0e0e0; margin: 325px 0px 0px 0px; padding: 10px 0px 0px 0px; width: 100%; border-style: solid; border-width: 0px 1px 1px 1px; border-color: #e0e0e0;
}
#portfoliolink.scrolling { background-color: #e0e0e0;
}
#contactlink.scrolling { background-color: #e0e0e0;
}
#aboutlink.scrolling { background-color: #e0e0e0;
}
#homelink.scrolling { background-color: #e0e0e0;
}

Thomas Bailey Portfolio 2 - Script Codes JS Codes

$(document).ready(function(){ $('a[href^="#"]').on('click',function (e) { e.preventDefault(); var target = this.hash; var $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top -50 }, 900, 'swing', function (){ window.location.hash=target; }); }); /* $(window).scroll(function(){ var scroll = $(window).scrollTop(); if (scroll>=1, scroll<250) { $('#aboutlink').addClass('scrolling'); } else { $('#aboutlink').removeClass('scrolling'); } */ /* if (scroll>=250) { $('#portfoliolink').addClass('scrolling'); } else { $('#portfoliolink').removeClass('scrolling'); } if (scroll>745) { $('#portfoliolink').removeClass('scrolling'); } if (scroll>=745) { $('#contactlink').addClass('scrolling'); } else { $('#contactlink').removeClass('scrolling'); } */ $('body').scrollspy({ target: '.navbar-fixed-top'})
});
Thomas Bailey Portfolio 2 - Script Codes
Thomas Bailey Portfolio 2 - Script Codes
Home Page Home
Developer Thomas Bailey
Username baileytj
Uploaded November 23, 2022
Rating 3
Size 3,655 Kb
Views 12,144
Do you need developer help for Thomas Bailey Portfolio 2?

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!

Thomas Bailey (baileytj) Script Codes
Name
TigerWoods Freecodecamp Page
Thomas Bailey Portfolio Scrollspy
Otbproject
Thomas Bailey Portfolio
A Pen by Thomas Bailey
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!