-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathReact_native.html
164 lines (138 loc) · 8.64 KB
/
React_native.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adi:React Native</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="main.css">
</head>
<body>
<!------------------------------------------------------Header Section---------------------------------------------------------------------->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#"><img src="img/logo2.svg"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Facebook</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Instagram</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn-main btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<!----------------------------------------------------------Main Section--------------------------------------------------------------->
<section class="hero py-4">
<div class="landing-page">
<div class="container">
<div class="row">
<div class="col-lg-8 col-sm-12 col-md-10 content pt-4">
<!--Content-->
<img class="img-fluid content-main" src="img/React-native.png" alt="Gaming Pc">
<div class="row p-3">
<div class="col-sm-2">
<img src="img/anime-face.jpg" alt="author" class="img-fluid rounded-circle">
</div>
<div class="col-sm-8">
<h1>React Native:</h1>
</div>
</div>
<div class="badge">
<a href="#">Technology</a>
<a href="#">Programming</a>
</div>
<div class="P-content px-3 pt-2 py-4">
<p> React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces.</p>
<p>Use a little—or a lot. You can use React Native today in your existing Android and iOS projects or you can create a whole new app from scratch.</p>
<p>React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces.</p>
<p>Use a little—or a lot. You can use React Native today in your existing Android and iOS projects or you can create a whole new app from scratch.</p>
<p>React Native lets you create truly native apps and doesn't compromise on your users' experience. It provides a core set of platform agnostic native components like View, Text, and Image that map directly to the platform’s native UI building blocks.</p>
<p>React components wrap existing native code and interact with native APIs via React’s declarative UI paradigm and JavaScript. This enables native app development for whole new teams of developers, and can let existing native teams work much faster.</p>
<p>See your changes as soon as you save. With the power of JavaScript, React Native lets you iterate at lightning speed. No more waiting for native builds to finish. Save, see, repeat.</p>
<p>In 2018, React Native had the 2nd highest number of contributors for any repository in GitHub. Today, React Native is supported by contributions from individuals and companies around the world including Callstack, Expo, Infinite Red, Microsoft, and Software Mansion</p>
<p>Their community is always shipping exciting new projects and exploring platforms beyond Android and iOS with repos like React Native Windows and React Native Web.</p>
</div>
</div>
<div class="col-lg-4 col-sm-12 col-md-10 pt-4">
<div class="social-links row text-center">
<div class="col-sm-4 py-4">
<a href="#"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
</div>
<div class="col-sm-4 py-4 secondary-icon">
<a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
</div>
<div class="col-sm-4 py-4">
<a href="#"><i class="fa fa-envelope" aria-hidden="true"></i></a>
</div>
</div>
<h4 class="aside-heading mt-4 pl-2">Popular Posts</h4>
<div class="row">
<div class="col-sm-6 col-lg-12 col-md-6">
<div class="hero-post mb-5">
<img class="img-fluid" alt="programming" src="img/bg-masthead-4.jpg" >
</div>
<div class="hero-post-content">
<div class="row">
<div class="col-lg-3 col-md-2 col-sm-2">
<img class="img-fluid rounded-circle" alt="Adi" src="img/anime-face.jpg">
</div>
<div class="col-sm-10 col-md-10 col-lg-9">
<h3>Hi, I am Adi</h3>
</div>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-12 col-md-6">
<div class="hero-post mb-5">
<img class="img-fluid" alt="programming" src="img/bg-masthead-4.jpg" >
</div>
<div class="hero-post-content">
<div class="row">
<div class="col-lg-3 col-md-2 col-sm-2">
<img class="img-fluid rounded-circle" alt="Adi" src="img/anime-face.jpg">
</div>
<div class="col-lg-9 col-sm-10 col-md-10">
<h3>Hi, I am Adi</h3>
</div>
</div>
</div>
</div>
</div>
<h4 class="aside-heading mt-4 pl-2">Popular Categories</h4>
<div class="badges w=100">
<a href="#">Technology</a>
<a href="#">Programming</a>
<a href="#">Html</a>
<a href="#">Css</a>
<a href="#">Bootstrap</a>
<a href="#">React Native</a>
<a href="#">Typescript</a>
<a href="#">Javascript</a>
<a href="#">Jquery</a>
<a href="#">Sql</a>
<a href="#">Php</a>
<a href="#">Flutter</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>