https://blueportfolio303.netlify.app/projects

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=20da76e6-9b66-4fd9-af3c-1ad229ac6209
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    
9    <link rel="stylesheet" href="css/styles.css" />
10    

10<script
11      src="js/fontawesome.js"
12      crossorigin="anonymous"
13    ></script>

13
14    <title>My Experience</title>
15  </head>
16  <body id="projectBody">
17    <header>
18      <div class="menu-btn">
19        <div class="btn-line"></div>
20        <div class="btn-line"></div>
21        <div class="btn-line"></div>
22      </div>
23      <nav class="menu">
24        <div class="menu-branding">
25          <div class="portrait"></div>
26        </div>
27        <ul class="menu-nav">
28          <li class="nav-item">
29            <a class='nav-link' href='/'>Home</a>
30          </li>
31          <li class="nav-item">
32            <a class='nav-link' href='/about'>About Me</a>
33          </li>
34          <li class="nav-item">
35            <a href="projects.html current" class="nav-link">My Projects</a>
36          </li>
37          <li class="nav-item">
38            <a class='nav-link' href='/contact'>How To Reach Me</a>
39          </li>
40        </ul>
41      </nav>
42    </header>
43    <main id="projects">
44      <h1 class="lg-heading">
45        My
46        <span class="text-secondary">Projects</span>
47      </h1>
48      <h2 class="sm-heading">Checkout my projects:</h2>
49      <div class="projects">
50        <div class="item">
51          <a href="https://diegostodolist.netlify.app/" target="_blank">
52            <img src="/img/ToDo.PNG" alt="project" />
53          </a>
54          <a
55            href="https://diegostodolist.netlify.app/"
56            target="_blank"
57            class="btn-light"
58          >
59            <i class="fab fa-html5"></i>
60            ToDo App (HTML,CSS,Javascript)
61          </a>
62         
63        </div>
64        <div class="item">
65          <a
66            href="https://diegoinsta.netlify.app/"
67            target="_blank"
68          >
69            <img src="/img/Instagram.jpg" alt="project" />
70          </a>
71          <a
72            href="https://diegoinsta.netlify.app/"
73            target="_blank"
74            class="btn-light"
75          >
76            <i class="fab fa-css3"></i>
77            Instagram (HTML,CSS,Javascript)
78          </a>
79          
80        </div>
81        <div class="item">
82          <a
83            href="https://blueapple.netlify.app/"
84            target="_blank"
85          >
86            <img src="/img/Netflix.PNG" alt="project" />
87          </a>
88          <a
89            href="https://blueapple.netlify.app/"
90            target="_blank"
91            class="btn-light"
92          >
93            <i class="fab fa-js-square"></i></i>
94            Netflix (HTML,CSS,Javascript)
95          </a>
96        
97        </div>
98        <div class="item">
99          <a
100            href="https://codepen.io/BlueApple029/pen/mdwWxrG"
101            target="_blank"
102          >
103            <img src="/img/BlueApple.PNG" alt="project" />
104          </a>
105          <a
106            href="https://codepen.io/BlueApple029/pen/mdwWxrG"
107            target="_blank"
108            class="btn-light"
109          >
110            <i class="fab fa-wordpress"></i>
111            Blue Apple (HTML,CSS,Javascript)
112          </a>
113        
114        </div>
115        <div class="item">
116          <a
117            href="https://diegoscoffeeproject.netlify.app/"
118            target="_blank"
119          >
120            <img src="/img/Coffee.PNG" alt="project" />
121          </a>
122          <a
123            href="https://diegoscoffeeproject.netlify.app/"
124            target="_blank"
125            class="btn-light"
126          >
127            <i class="fab fa-js-square"></i>
128            Coffee Project (HTML,CSS,Javascript)
129          </a>
130         </div>
131        <div class="item">
132          <a
133            href="#"
134            target="_blank"
135          >
136            <img src="https://picsum.photos/535/400" alt="project" />
137          </a>
138          <a
139            href="#"
140            target="_blank"           
141            class="btn-light"
142            
143          >
144            <i class="fab fa-html5" ></i>
145            Project Name
146          </a>          
147        </div>
148        <div class="item">
149          <a
150            href="#"
151            target="_blank"
152          >
153            <img src="https://picsum.photos/535/400" alt="project" />
154          </a>
155          <a
156            href="#"
157            target="_blank"
158            class="btn-light "
159            
160          >
161            <i class="fa fa-wordpress" ></i>
162            Project Name
163          </a>          
164        </div>
165        <div class="item">
166          <a
167            href="#"
168            target="_blank"
169          >
170            <img src="https://picsum.photos/535/400" alt="project" />
171          </a>
172          <a
173            href="#"
174            target="_blank"
175            class="btn-light width-100 "
176          >
177            <i class="fa fa-css3" ></i>
178            Project Name
179          </a>          
180        </div>
181        
182        
183      </div>
184    </main>
185
186    <footer id="main-footer">

186Copyright &copy; 2021 | Business Name</footer>
187
188    

188<script src="js/scripts.js"></script>

188
189  </body>
190</html>