-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfirstpage.html
130 lines (114 loc) · 5.68 KB
/
firstpage.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
<!DOCTYPE html>
<html>
<title>W3.CSS Template</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Karma">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Karma", sans-serif}
.w3-bar-block .w3-bar-item {padding:20px}
</style>
<body>
<nav class="w3-sidebar w3-bar-block w3-card w3-top w3-xlarge w3-animate-left" style="display:none;z-index:2;width:40%;min-width:300px" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()"
class="w3-bar-item w3-button">Close Menu</a>
<a href="#food" onclick="w3_close()" class="w3-bar-item w3-button">Courses</a>
<a href="#about" onclick="w3_close()" class="w3-bar-item w3-button">About</a>
</nav>
<div class="w3-top">
<div class="w3-white w3-xlarge" style="max-width:1200px;margin:auto;">
<div class="hell" style="backgroung-color:#ff527d">
<div class="w3-button w3-padding-16 w3-left" onclick="w3_open()">☰</div>
<div class="w3-right w3-padding-16 " onclick="alert('Kushang Patel: 7285860089.')">Contact Us</div>
<div class="w3-center w3-padding-16"><b>DevHub</b></div>
</div>
</div>
</div>
<div class="w3-main w3-content w3-padding" style="max-width:1200px;margin-top:100px">
<div class="w3-row-padding w3-padding-16 w3-center" id="food">
<div class="w3-quarter">
<a href="https://www.python.org/"><img src="python.png" alt="python" style="width:100%"> </a>
<h3>Python</h3>
<p>Python is an interpreted, high-level, general-purpose programming language.</p>
</div>
<div class="w3-quarter">
<a href="https://towardsdatascience.com/data-science/home"><img src="datascience.jpg" alt="datascience" style="width:100%"> </a>
<h3>DataScience</h3>
<p>Data science is the study of data. It involves developing methods of recording, storing, and analyzing data to effectively extract useful information.</p>
</div>
<div class="w3-quarter">
<a href="https://www.java.com/en/"><img src="java3.png" alt="java" style="width:100%"> </a>
<h3>Java</h3>
<p>Java is a general-purpose programming language that is class-based, object-oriented, and designed to have as few implementation dependencies as possible.</p>
</div>
<div class="w3-quarter">
<a href="https://www.w3schools.com/html/"><img src="html.png" alt="html" style="width:300px; height:270px"></a>
<h3>HTML</h3>
<p>Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser.</p>
</div>
</div>
<div class="w3-row-padding w3-padding-16 w3-center">
<div class="w3-quarter">
<a href="https://www.r-project.org/about.html"><img src="r2.jpg" alt="rlanguage" style="width:100%"> </a>
<h3>R Language</h3>
<p>R is a programming language and free software environment for statistical computing and graphics supported by the R Foundation for Statistical Computing</p>
</div>
<div class="w3-quarter">
<a href="https://dotnet.microsoft.com/"><img src="net.jpg" alt="dotnet" style="width:100%"> </a>
<h3>DotNet</h3>
<p>NET is a developer platform with tools and libraries for building any type of app, including web, mobile, desktop, gaming, IoT, cloud, and microservices.</p>
</div>
<div class="w3-quarter">
<a href="https://www.w3schools.com/css/"><img src="css.png" alt="css" style="width:100px; height:205px"> </a>
<h3>CSS</h3>
<p>Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML</p>
</div>
<div class="w3-quarter">
<a href="https://www.w3schools.com/js/"><img src="js.png" alt="js" style="width:100px ; height:205px"> </a>
<h3>JavaScript</h3>
<p>JavaScript, often abbreviated as JS, is a programming language that conforms to the ECMAScript specification</p>
</div>
</div>
<hr id="about">
<div class="w3-container w3-padding-32 w3-center">
<h3>About Website</h3><br>
<img src="dev.png" alt="Me" class="w3-image" style="display:block;margin:auto" width="300px" height="533px">
<div class="w3-padding-32">
<h4><b>We teach to build future.</b></h4>
<p>Our Goal is to help the upcoming generations with the newly developed language with covering all the basics to advance level teaching. Also we want to spread the awareness about the latest technology.</p>
</div>
</div>
<hr>
<footer class="w3-row-padding w3-padding-32">
<div class="w3-third">
<h3>DevHub</h3>
<p>"The power of a website comes from the people using it, not the people making it."</p>
</div>
<div class="w3-third" style="float:right">
<h3>BLOG POSTS</h3>
<ul class="w3-ul w3-hoverable">
<li class="w3-padding-16">
<img src="blog.png" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">DataScience</span><br>
<a href="https://www.datasciencecentral.com/">Datascience.com</a>
</li>
<li class="w3-padding-16">
<img src="blog.png" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">Python</span><br>
<a href="https://www.hackerearth.com/blog/python/">HackerEarth.com</a>
</li>
</ul>
</div>
</footer>
</div>
<script>
function w3_open() {
document.getElementById("mySidebar").style.display = "block";
}
function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}
</script>
</body>
</html>