-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
144 lines (130 loc) · 5.34 KB
/
project.html
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
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-213748976-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-213748976-1");
</script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Project • Dolen Deori</title>
<!-- fav icon -->
<link rel="shortcut icon" href="./images/fav_icon.png" type="image/x-icon" />
<!-- FONTAWSOME ICON FILE -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous" />
<!-- GOOGLE FONT LINK >> ROBOTO -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet" />
<!-- GOOGLE FONT LINK >> POPPINS -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;500&display=swap" rel="stylesheet" />
<!-- BOOTSTRAP CSS FILE CDN -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<!-- LINK CUSTOM CSS FILE -->
<link rel="stylesheet" href="./css/project.css" />
</head>
<body>
<!-- LOADING PAGE -->
<div class="loading">
<div class="loading--bar"></div>
</div>
<!-- LOADING PAGE -->
<div class="main--body">
<header>
<!-- NAVIGATION AREA START -->
<nav>
<div class="navigation--area">
<div class="nav-logo">
<a href="index.html"><img src="./images/nav-logo.png" alt="" /></a>
</div>
<div class="nav--link--area">
<div class="nav--links">
<ul>
<li class="nav-llink">
<a href="index.html">Home</a>
</li>
<li class="nav-llink">
<a class="activate" href="project.html">Projects</a>
</li>
<li class="nav-llink"><a href="#">Resume</a></li>
</ul>
</div>
<div class="social--links">
<ul>
<li class="nav-social-link">
<a href="#"><i class="fab fa-twitter social--icon" id="twitter"></i></a>
</li>
<li class="nav-social-link">
<a href="#"><i class="fab fa-github social--icon" id="github"></i></a>
</li>
<li class="nav-social-link">
<a href="#"><i class="fab fa-linkedin social--icon" id="linkedin"></i></a>
</li>
</ul>
</div>
</div>
<div class="toggle--bars">
<div class="bar" id="bar-1"></div>
<div class="bar" id="bar-2"></div>
<div class="bar" id="bar-3"></div>
</div>
</div>
</nav>
<!-- NAVIGATION AREA END -->
<div class="main-page-heading-area">
<h1 class="ml11">
<span class="text-wrapper">
<span class="line line1"></span>
<span class="letters text-capitalize">MY PROJECT WORKS</span>
</span>
</h1>
</div>
</header>
<main>
<section id="software--dev" class="section">
<div class="container">
<div class="section--heading-1">
<h1 class="text-uppercase">
Software Development Projects.
</h1>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="card">
<img src="./images/expert converter banner.png" class="card-img-top" alt="Expert converter">
<div class="card-body">
<h5 class="card-title"><b>Expert Converter</b></h5>
<p class="card-text">This is a converter made with C language that will help you to convert numbers
from one number system to another </p>
<a href="#" class="btn card-btn" target="_blank"><i class="fab fa-dev"></i> Read Blog</a>
<a href="https://github.com/DolenDeori/Expert-Converter" class="btn card-btn" target="_blank"><i
class="fab fa-github"></i> View source code</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</div>
<!-- BOOTSTRAP JS FILE CDN -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<!-- ANIME JS CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<!-- CUSTOM JS FILE -->
<script src="./js/project.js"></script>
</body>
</html>