freelancer/index.html at master · macamarambio/freelancer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>StartBootstrap</title>
	<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
	<link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:700" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<!-- MENU FIJO -->
	<header class="fixed">
		<div class="text-uppercase">
			<a class="button-title">Start Bootstrap</a>
			<a class="fixed-a">Portfolio</a>
			<a class="fixed-a">About</a>
			<a class="fixed-a">Contact</a>
		</div>
	</header>
	<!-- PRIMERA SECCION -->
	<main>
		<section id="principal-section">
			<div class="container">
				<img src="assets/images/profile.png" alt="">
				<h1 class="text-uppercase">Start Bootstrap</h1>
				<hr class="star">
				<i class="fa fa-star" aria-hidden="true"></i>
				<h3>Web Developer - Graphic Artist - User Experience Designer</h3>
			</div>
		</section>
		<!-- SEGUNDA SECCION -->
		<section id="portfolio-section" class="text-uppercase">
			<div>
				<h2>Portfolio</h2>
				<hr class="star">
				<i class="fa fa-star" aria-hidden="true"></i>
				<!-- GALERIA DE IMAGENES -->
				<div class="photo-gallery">
					<div><img src="assets/images/portfolio/cabin.png" alt=""></div>
					<div><img src="assets/images/portfolio/cake.png" alt=""></div>
					<div><img src="assets/images/portfolio/circus.png" alt=""></div>
					<div><img src="assets/images/portfolio/game.png" alt=""></div>
					<div><img src="assets/images/portfolio/safe.png" alt=""></div>
					<div><img src="assets/images/portfolio/submarine.png" alt=""></div>
				</div>
			</div>
		</section>
		<!-- TERCERA SECCION -->
		<section id="about-section">
			<h2 class="text-uppercase">About</h2>
			<hr class="star">
			<i class="fa fa-star" aria-hidden="true"></i>
			<div class="about-text">
				<div class="column"><p>Freelancer is a free bootstrap theme created by Start bootstrap. The download incluides the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.</p></div>
				<div class="column"><p>Whether you're a student looking to showcase to attract clients, or graphic artist looking to share your projects, this template is the perfect starting point!</p></div>
			</div>
			<a class="button"><i class="fa fa-download" aria-hidden="true"></i>Download Theme</a>
		</section>
		<!-- CUARTA SECCION -->
		<section id="contact">
			<div>
				<h2 class="text-uppercase">Contact me</h2>
				<hr class="star">
				<i class="fa fa-star" aria-hidden="true"></i>
				<!-- FORMULARIO -->
				<form>
					<p>Name</p><br>
					<input type="text" name=""><br>
					<hr class="line">
					<p>Email Address</p><br>
					<input type="text" name=""><br>
					<hr class="line">
					<p>Phone Number</p><br>
					<input type="text" name=""><br>
					<hr class="line">
					<p>Message</p><br>
					<input type="text" name="">
					<hr class="line">
				</form>
				<a class="button-contact">Send</a>
			</div>

		</section>
		<!-- ULTIMA SECCION -->
	</main>
	<footer id="final-section">
		<div class="final-footer">
			<div class="final-container" id="text-location">
				<h3 class="text-uppercase">Location</h3>
				<p>3481 Melrose Place<br>Beverly Hills, CA 90210</p>
			</div>
			<div class="final-container" id="text-icon">
				<h3 class="text-uppercase">Around the Web</h3>
				<div class="icon"><i class="fa fa-facebook" aria-hidden="true"></i></div>
				<div class="icon"><i class="fa fa-google-plus" aria-hidden="true"></i></div>
				<div class="icon"><i class="fa fa-twitter" aria-hidden="true"></i></div>
				<div class="icon"><i class="fa fa-linkedin" aria-hidden="true"></i></div>
				<div class="icon"><i class="fa fa-dribbble" aria-hidden="true"></i></div>
			</div>
			<div class="final-container">
				<h3 class="text-uppercase">About Freelancer</h3>
				<p>Freelance is a free to use, open source Bootstrap theme created by <a href="http://startbootstrap.com">Start Bootstrap</a>.</p>
			</div>
		</div>
		<h6>Copyright &#169; Your Website 2017</h6>
	</footer>
</body>
</html>