-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
113 lines (110 loc) · 8.21 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<script src="https://kit.fontawesome.com/4885b8d773.js"></script>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/libs.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body id="portfolio">
<div class="top_nav">
<div class="container">
<div class="left_nav"><span><i class="far fa-question-circle"></i>FAG</span><span><i class="fas fa-map-marker-alt"></i>184 Main Collins Street</span></div>
<div class="right_nav"><span><i class="fas fa-paper-plane"></i>[email protected]</span><span><i class="fas fa-mobile-alt"></i>444 77 0000</span></div>
</div>
</div>
<div class="container">
<div class="menu d-flex justify-content-between align-items-center"><a class="logo" href="index.html"><img src="pp.jpg"> سولتا</a>
<div class="menu__icon"><span></span><span></span><span></span><span></span></div>
<div class="menu__links">
<ul style="direction: rtl;">
<li class="active"><a class="menu__links-item" href="index.html">خانه</a></li>
<li><a class="menu__links-item" href="portfolio.html">نمونه کار</a></li>
<li class="down_nav" ><a class="menu__links-item" href="#">وبلاگ</a>
<ul>
<li><a href="posts.html">یک ستونه</a></li>
<li><a href="two_cols.html">دو ستونه</a></li>
<li><a href="three_cols.html">سه ستونه</a></li>
<li><a href="posts.html">مطالب</a></li>
<li><a href="right_sidebar_blog.html">سایدبار سمت راست</a></li>
<li><a href="left_sidebar_blog.html">سایدبار سمت چپ</a></li>
<li><a href="single_post_image.html">یک مطلب عکس دار</a></li>
<li><a href="single_post_video.html">یک مطلب فیلم دار</a></li>
<li><a href="single_post_quote.html">یک مطلب نقل قول دار</a></li>
</ul>
</li>
<li ><a class="menu__links-item" href="about.html">درباره ما</a></li>
<li><a class="menu__links-item" href="contacts.html">ارتباط با ما</a></li>
<div class="button small line"><a href="#">با ما تماس بگیرید</a></div>
</ul>
</div>
</div>
</div>
</div>
<header class="head_page" ><span class="element_two"><img src="assets/img/cub_two.png" alt=""></span><span class="element_three"><img src="assets/img/cub_three.png" alt=""></span><span class="element_thirteen"><img src="assets/img/icons/cub_thirteen.svg" alt=""></span>
<div class="container title_h">
<div class="block_title">
<h1>نمونه کارها</h1>
<p > در این بخش بعضی از نمونه کارهای طراخی سایت و اپلیکیشنهای تلفنهای هوشمند تیم قوی برنامه نویسی <br> .سولتا را مشاهده خواهید کرد </p>
</div>
</div>
</header>
<section class="work">
<div class="container">
<div class="wrk">
<div class="img_wr"><img src="https://via.placeholder.com/500x500"></div>
<div class="name_wr">
<h3>بهترین نمونه کارها</h3><span>وبینار آنلاین دوبا</span>
<p> وبینار آنلاین دوبا یکی از پروژههای قدرمتند سولتا است که به شما امکان برگذاری نشستها و آموزشهای خود را به صورت مجازی میدهد. این وبینار به صورت آنلاین هم در مرورگرهای وب و هم در تلفنهای همراه هوشمند قابل استفاده است. </p>
<p> وبینار آنلاین دوبا یکی از پروژههای قدرمتند سولتا است که به شما امکان برگذاری نشستها و آموزشهای خود را به صورت مجازی میدهد. این وبینار به صورت آنلاین هم در مرورگرهای وب و هم در تلفنهای همراه هوشمند قابل استفاده است. </p>
<div class="icon i_two col-lg-4 col-md-12">
<div class="row align-items-center"><a href="#"><i class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a href="#"><i class="fab fa-youtube"></i></a><a href="#"><i class="class fab fa-behance"></i></a></div>
</div>
</div>
</div>
<div class="img_w">
<div class="row">
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com/260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com/260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<div class="img_portf"><a data-fancybox="gallery" href="https://via.placeholder.com/1920x1080">
<div class="hover_info"><i class="fas fa-search"></i></div><img src="https://via.placeholder.com//260x260"></a></div>
<!-- pages -->
<div class="nav_pages" style="direction: ltr !important;"><span class="active">1</span><span>2</span><span>3</span></div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="brend">
<div class="logo"> سولتا<img src="pp.jpg"></div>
<p>آدرس : تهران پلاک 1</p>
<p>شماره تماس : 999</p>
<p>ایمیل : [email protected]</p>
</div>
<div class="nav_f col-lg-12 col-12"><span>Copyright © 2019 Astroon.</span></div>
</div>
</footer>
<script src="assets/js/libs.min.js"></script>
<script src="assets/js/index.js"></script>
</body>
</html>