How to copy a website template to use for your own site

Love the look of another website? These helpful resources will show you how to copy a website template to mimic the style you like.

Get started growing your business with a B12 website.

No credit card required
How to copy a website template to use for your own site

Resources

Key quotes:

  • "Your data sits behind the headless CMS, and you can pull them to your site using the API, which frees up your options immensely."
  • "You don’t need to know a thing about JavaScript or ways to call an API for data — it’s all prepared for you."
  • "If you’re new to Kentico Cloud, you can create a free account at kenticocloud.com."
  • "To import your data, check out this tool: https://kentico.github.io/cloud-template-manager/ This is where the content part of the template was born."
  • "The tool itself already uses Kentico Cloud’s Content management API, so you don’t have to figure out that import/export script."
  • "The last step and the only customization you need to do is to let your site know the Project ID of the project in Kentico Cloud."
Read more →

Key quotes:

  • "Save the file (⌘+S) as index.html, in a new folder called resume."
  • "It should open up and look like this: It’s not very good yet, but you made a web site! Each will look something like: The icons will not show up yet when you save and open in the browser."
  • "Here’s how: Put the following code below the </title> but above the closing </head> tag: Now if you reload your page, it should look like a real website."
  • "Open up main.css and go to where it says .header { (on line 148) If you don’t want to use a background image and prefer a plain ol’ color, delete the line like: Look at the line directly above and replace #1CBCAD with the color of your choosing."
  • "Otherwise, if you'd like to change the header image, you can use a different image or download a new image to the images folder."
  • "If you like the background that’s there but want a different color, there are three other images to try included in the images folder."
Read more →

Key quotes:

  • "Using myself as an example, we found out in the previous exercise that I probably need the following pages / content for my website: (1) Homepage, (2) About page, (3) Services page, (4) Experience page, (5) FAQ page, (6) Book now (page or button), (7) Blog link / articles, (8) Testimonials, (9) Product showcase We may not need all of these pages (some may be dropped or combined), but that’s something you can figure out once you begin laying everything out."
  • "The content block “I want to…” means nothing to you, but to me, I know it’s where I’d like to give clients the opportunity to select what they’re looking for (i.e."
  • "I’ve helped clients with everything from creating their layouts and writing their copy, to selecting and installing their website theme, so if you’re interested in working together, just let me know! :) Having your layout and copy locked down is going to help you select the right theme and hosting service to fit the needs of your content and copy."
  • "For example, if your website is more copy-heavy (vs image heavy), you don’t want to select a template that puts a lot of emphasis on visuals or products."
Read more →

Transcript: Hello and welcome everyone this is Guara from computer freaks and today I'm going to show you how to clone or copy any website from the Internet edit it and make it your own let's get started so I've got this website that I want to copy okay so what do you have to do is you have to download this software called Wynn HD track website copier so just Google wind HD track website copy and here we go I'm just gonna go to the website go to the download section and you can just download according to your operating system okay so I installed this one this is Windows 10 and above 64-bit installer version which they seem to recommend as well so just hit on this download option it will start downloading I've already downloaded it then hit on the installer and install anyway and then go through the install process it's not that difficult just keep on hitting next I agree whatever it is okay then when you're done installing open the software like this okay and then hit next enter the project name it can be anything like let's say YouTube is a project name... See more →

Key quotes:

  • "First thing is first! Go and download HTTrack! www.httrack.com/page/2 HTTrack takes any website and makes a copy to your hard drive."
  • "This can be useful for searching for data on websites offline, gathering information useful for social engineering, or maybe even for replicating someones website and using it as a template page of your own."
  • "After extracting HTML and CSS from serveral sites one night I ended up hanging out with my friend Dan the Man and he and I began to edit the HTML, & CSS files occasionally taking breaks but before we knew it we had our own customized Webpage not only working on our system locally but also running on Github.com as well! Check it out! — → jayhill365.github.io ."
  • "Follow the steps below and follow our Blogs for more Swag! — → lockboxx.blogspot.com — → jayhill365.github.io The following tutorial will explain how to clone a website and then host it as your own website online for free! Thanks for reading! Comments? Question? Check Out our Blogs for more Swag! — → lockboxx.blogspot.com — → jayhill365.github.io Written by Written by."
Read more →

Key quotes:

  • "We put together a collection of 15 tools to help you build and launch your next website—even if you have limited or no coding or design experience."
  • "There are a bunch of other sites that help you build out one-pagers, but the biggest differentiator here is the simplicity and easy of use, while not compromising on your ability to create a functional and beautifully designed website."
  • "Bonus: There are also collections dedicated to specific design trends, like “material design” and “modern portfolio.” Build a fully functional web app without any code."
  • "A great tool for anyone looking to build a WordPress site quickly."
  • "A desktop application that helps web developers and designers create responsive websites using the Bootstrap framework."
  • "This platform helps you create unique, responsive WordPress sites — no coding necessary."
Read more →

What customers & experts say

Natalie
Natalie Customer / Natalie Elisha Gold

“The entire \[B12] process felt really quick and efficient. I was able to work with them and highlight certain areas that I wanted on my website. Everything that I didn’t like was changed in a matter of seconds and minutes. It was vastly different compared to the previous team that I had hired to do my website.”

Read more →
Chuck
Chuck Customer / Crowdfluencer

“My B12 website looks great, I am truly satisfied with the outcome. I love the responsiveness of our new website, plus it's incredibly light and fast. The team did an incredible job with the styles and the designs really popped for me.”

Read more →
Jaiden
Jaiden Design expert at B12

“B12’s AI draft dramatically reduces my time traditionally spent working on content structure. As a B12 web expert, I can focus more time on creating a beautiful website and UX that fits the customer’s content and goals.”

Princess
Princess Customer / Clear Visions Consulting Services, LLC

“I need \[B12] recommendations. As I add new courses to my website, I need to make sure that I'm fresh, I'm sharp, and I'm up to date.”

Leslie
Leslie Customer / Social Theory

“What I appreciate most about B12 is its user-friendly interface. Not only do they build websites that look modern and great, but they’re also incredibly easy to manage and update. Whenever I have information that needs changing on my website, I can do it easily on my own.”

Read more →
Kelly
Kelly Customer success at B12

“We pride ourselves on excellent customer service. I love how customer-centric we are, and the technology we use to speed up the website creation process has helped us to deliver professional sites in a shorter span of time.”

Megan
Megan Customer success at B12

“The website editor rocks! It makes it easy to add new items while keeping the same theme and structure I set when I created the site, no reformatting needed. It's fool proof and provides everything needed to create a seamless, gorgeous website. I actually use B12 for my own website!”

Anne
Anne Customer / Grit and Grace

“The value of the B12 website was there from the very start. I noticed more traffic coming in immediately, which is hugely important for me. Knowing that B12’s tools are constantly optimizing my website for search engines offers me peace of mind. It helps me focus on running my business instead of trying to figure out how to run a website.”

Read more →
Freddie
Freddie Customer / Suffolk Equity Partners

“B12 is amazing! You get a high-quality design for the price of DIY. It's really remarkable.”

David
David Design expert at B12

“Designing a website in just a couple of hours is actually possible. Thanks to B12's simple-to-use website editor, I'm able to create professional designs that would normally cost thousands of dollars.”

Joseph
Joseph Customer / Founder Collective

“It was such a pleasure to work with B12. Their technology made the web design process easy and the B12 team helped us launch a website we love! We're proud to be an investor and a client.”

Sheila
Sheila Customer / Dr. Sheila Hughes Weight Loss & Wellness

“There's absolutely no comparison between our old website and the B12 one. Our B12 website gives us the call to actions we need and better communication tools with our patients. Since our B12 launch, we started seeing more online visitors scheduling a consultation through our website.”

Read more →
Stafford
Stafford Customer success at B12

“B12's goal is to provide the best customer experiences and I am so happy to be a part of that mission. Helping customers create a website that brings their vision to life is, by far, the best part of being here.”

Rick
Rick Customer / Rick Finbow Enterprises, LLC

“I think it's great that B12 is watching out for me. I'm reminded to update my website and I get ideas. I like that I'm not in it alone.”

Megan
Megan Customer / Body Wise

“I love using the B12 website editor, which provides the ease of updating my website myself. With an intuitive editing platform, I didn’t need any guidance on making website updates. I made changes to my photos, copy, and text color — and I can do it whenever I want.”

Ready to grow your business online?

Join the tens of thousands of professionals who’ve found success with a B12 website, SEO, blogging, and more!

Get a website in minutes
This website uses cookies to ensure you get the best browsing experience.  Learn more
I agree