freelancer/index.html at master · Amandir01/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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!-- Agrega aquí la estructura HTML de tu sitio web -->
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Freelancer</title>
    <link rel="stylesheet" href="css/main.css">
    <link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:700" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  </head>
  <body>
    <header>
      <nav class="montserrat navbar"> <!--creamos una barra de navegacion-->
        <div class="container">
          <div class="principal text-uppercase">
            <a href="#principal">Start bootstrap</a>
          </div>
          <div class="links text-uppercase">
            <li><a href="#portfolio">Portfolio</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </div>
        </div>
      </nav>
    </header>
    <section id="first-container"> <!--creamos una sección-->
          <div class="image text-align">
            <img class="littleman text-uppercase" src="assets/images/profile.png" alt="profile">
          </div>
          <div class="tittles text-align">
            <span class="text-uppercase montserrat subtittle1">start bootstrap</span>
            <span id="start"><i class="fa fa-star" aria-hidden="true"></i></span>
            <span class="lato subtittle2">Web Developer - Graphic Artist - User Experience Designer</span>
          </div>
    </section>
    <section id="portfolio">
      <div class="text-align">
      <h1 class="montserrat text-uppercase ">Portfolio</h1>
      <span id="start2"><i class="fa fa-star " aria-hidden="true"></i></span>
      </div>

      <div id="siximages">
        <img class="six1" src="assets/images/portfolio/cabin.png" alt="">
        <img class="six1" src="assets/images/portfolio/cake.png" alt="">
        <img class="six1" src="assets/images/portfolio/circus.png" alt="">
        <img class="six2"src="assets/images/portfolio/game.png" alt="">
        <img class="six2"src="assets/images/portfolio/safe.png" alt="">
        <img class="six2"src="assets/images/portfolio/submarine.png" alt="">
      </div>
    </section>
    <section id="about">
      <h2 class="montserrat text-uppercase">about</h2>
      <span id="start"><i class="fa fa-star fa-2x" aria-hidden="true"></i></span>
      <div class="paragraph">
        <div class="lato paragraph1">
        <p>Freelancer is a free bootstrap theme created by Start Bootstrap. The download includes the complete source files including HTML, CSS, and JavaScript as well as optional LESS stylesheets for easy customization.</p>
        </div>
        <div class="lato paragraph2">
        <p>Whether you're a student looking to showcase your work, a professional looking to attract clients, or a graphic artist looking to share your projects, this template is the perfect starting point!</p>
        </div>
      </div>
      <a class="download lato" href="#">
        <i class="fa fa-download" aria-hidden="true"></i> Download Theme</a>
    </section>
    <section id="contact">
      <div class="tittle3">
        <h1 class="montserrat text-uppercase ">contact me</h1>
        <span id="start2"><i class="fa fa-star " aria-hidden="true"></i></span>
      </div>
      <form class="forms" action="index.html" method="post">
        <div class="">
          <label class="atribute"></label>
          <input type="text" name="" value="" placeholder="Name">
        </div>
        <hr>
        <div class="">
          <label class="atribute lato"></label>
          <input type="text" name="" value="" placeholder="Email Addres">
        </div>
        <hr>
        <div class="">
          <label class="atribute lato"></label>
          <input type="text" name="" value="" placeholder="Phone Number">
        </div>
        <hr>
        <div class="">
          <label class="atribute message lato"></label>
          <input type="text" name="" value="" placeholder="Message">
        </div>
        <hr>
        <button class="lato"type="submit" name="button">Send</button>
      </form>
    </section>
    <footer>
      <div id="footercontainer">
        <div class="father">
          <div class="location size">
            <h1 class="montserrat text-uppercase footertittle">location</h1>
            <p class="size2 lato">3481 Melrose Place  </p>
            <p class="size2 lato">Beverly Hills, CA 90210</p>
          </div>
          <div class="around size">
            <h1 class="montserrat text-uppercase footertittle">around the web</h1>
            <div class="icons">
              <ul>
                <li>
                 <a class="circles" href="#"><i class="fa fa-facebook fa-2x" aria-hidden="true"></i></a>
                 <a class="circles" href="#"><i class="fa fa-google-plus fa-2x" aria-hidden="true"></i></a>
                 <a class="circles" href="#"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a>
                 <a class="circles" href="#"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a>
                 <a class="circles" href="#"><i class="fa fa-dribbble fa-2x" aria-hidden="true"></i></a>
               </li>
             </ul>

            </div>
          </div>
          <div class="about-free size">
            <h1 class="montserrat text-uppercase footertittle">about freelancer</h1>
            <p class="size2 lato ">Freelance is a free to use, open source Bootstrap theme created by <a class="changed-link" href="https://startbootstrap.com/">Start Bootstrap</a></p>
          </div>
        </div>
        <div class="final">
          <p>Copyright © Your Website 2017</p>
        </div>
      </div>
    </footer>

  </body>
</html>