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.
Resources
Key quotes:
- 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
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
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
- If you don’t install the demo content, you’re going to end up with an empty website with all the functionality of the theme you bought, but with no reference as to how to customize it to your liking.
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
- Look for the following section and edit it in a similar fashion: Pick an accent color for the links to make them stand out on the page.
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
- Whenever you feel like updating some content, open Kentico Cloud and change it
- Feel free to check out the list of all our templates here: Kentico Cloud Web Templates Gallery We are adding new templates every week together with our awesome community members, so make sure you check in every few days if you did not find a template that suits your needs straight away.
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
- Create unique responsive WordPress sites without coding
- This platform helps you create unique, responsive WordPress sites — no coding necessary
- This is a great option if you’re specifically looking to build a page on the WordPress CMS platform
- A wonderful little tool that will help you register your site super fast so you can get your next web project up and running faster than you can say “ship.” :-) Looking for more great tools to help you build your next website?
Join thousands of professionals using B12 to power their business online
I love that B12 prompts me to update certain [website] features and add integrations like online scheduling to increase efficiency in my law firm. These recommendations are often things that I would have never considered but have proved to be incredibly useful.
Jia Junaid
Founder, Atlas Law
I can make [website edits] myself, and it’s as simple as working in a Word document. If I need more help, I’ll email the B12 team and within 24 hours, boom, it’s done.
Barbara Bartelsmeyer
Partner / COO, Action Logistix
With B12, the quality is 10/10. I feel like I got the finished product of building a site from scratch, but it was way easier.
Anthony Bell
Founder and Managing Partner, The Bell Group
B12 has raised the entire bar of website professionalism.
Heather Carnes
Founder, Envision HR
The best website builder for professional services
Take the stress out of website building, and in just a few clicks, build a website with all the features you need to better attract, win, and serve your clients online.